.rea-signin{--forest:#101813;--forest-2:#0c1410;--sage:#49765b;--sage-dark:#2d5a3d;--sage-deep:#1f4a32;--mint:#bbf7d0;--mint-2:#5fd98c;--mint-bg:#ecfdf5;--bg:#f4f5f6;--card:#fff;--card-2:#fafbfa;--line:#e7e8ea;--line-strong:#d8dadd;--field:#fff;--ink:#0d1411;--ink-2:#2a3530;--muted:#6b7570;--muted-2:#98a09b;--tile-mint:#d6f5e1;--tile-mint-ink:#2d6a47;--r-sm:8px;--r-md:12px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--shadow-card:0 1px 2px #1018130a;--shadow-pop:0 24px 60px #1018131f, 0 4px 14px #1018130f}.rea-signin[data-theme=dark]{--bg:#0a0f0c;--card:#141b17;--card-2:#101713;--line:#222b25;--line-strong:#2d3832;--field:#0f1612;--ink:#ecf3ed;--ink-2:#c4d0c8;--muted:#8a958e;--muted-2:#6b7570;--tile-mint:#bbf7d01f;--tile-mint-ink:#9fd9b3;--sage:#6fb085;--sage-dark:#5da378;--sage-deep:#4d9268;--mint-bg:#bbf7d00f;--shadow-pop:0 24px 60px #00000080, 0 4px 14px #0006}.rea-signin *,.rea-signin :before,.rea-signin :after{box-sizing:border-box}.rea-signin{background:var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;transition:background-color .25s,color .25s}.rea-signin .mono{font-family:Roboto Mono,ui-monospace,monospace}.rea-signin .split{min-height:100vh;display:flex}.rea-signin .left{color:#eaf2ec;background:radial-gradient(circle at 1px 1px,#bbf7d01a 1px,#0000 0) 0 0/26px 26px,linear-gradient(165deg,#0d6446 0%,#0a553b 48%,#06432f 100%);flex-direction:column;flex:50%;justify-content:space-between;padding:48px 56px;display:flex;position:relative;overflow:hidden}.rea-signin .brand{align-items:center;gap:11px;display:flex}.rea-signin .brand-mark{background:var(--mint);width:36px;height:36px;color:var(--forest);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:19px;font-weight:700;display:inline-flex}.rea-signin .brand-name{letter-spacing:-.02em;color:#fff;font-size:21px;font-weight:700}.rea-signin .left-mid{max-width:460px}.rea-signin .left h1{letter-spacing:-.025em;color:#fff;margin:0 0 20px;font-size:clamp(34px,4vw,50px);font-weight:700;line-height:1.06}.rea-signin .left h1 .accent{color:var(--mint-2)}.rea-signin .left p.lede{color:#aec6b6;max-width:420px;margin:0;font-size:17px;line-height:1.55}.rea-signin .checks{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.rea-signin .check{color:#d4e4d9;align-items:center;gap:13px;font-size:15.5px;font-weight:500;display:flex}.rea-signin .check .cdot{width:26px;height:26px;color:var(--mint);background:#bbf7d024;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.rea-signin .right{background:var(--bg);flex:50%;justify-content:center;align-items:center;padding:48px 32px;display:flex;position:relative}.rea-signin .theme-toggle{border-radius:var(--r-pill);background:var(--card);border:1px solid var(--line);height:40px;box-shadow:var(--shadow-card);align-items:center;padding:4px;display:inline-flex;position:absolute;top:28px;right:28px}.rea-signin .theme-toggle button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.rea-signin .theme-toggle button:hover{color:var(--ink)}.rea-signin .theme-toggle button.active{background:var(--mint-bg);color:var(--sage-dark)}.rea-signin[data-theme=dark] .theme-toggle button.active{color:var(--mint);background:#bbf7d024}.rea-signin .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);width:100%;max-width:440px;box-shadow:var(--shadow-pop);padding:40px}.rea-signin .card-icon{background:var(--tile-mint);width:56px;height:56px;color:var(--tile-mint-ink);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.rea-signin .card h2{letter-spacing:-.02em;text-align:center;color:var(--ink);margin:0 0 8px;font-size:25px;font-weight:700}.rea-signin .card .sub{text-align:center;color:var(--muted);max-width:330px;margin:0 auto 28px;font-size:14.5px;line-height:1.55}.rea-signin .field{margin-bottom:18px}.rea-signin .field label{color:var(--ink-2);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.rea-signin .input-wrap{background:var(--field);border:1.5px solid var(--line-strong);border-radius:var(--r-md);align-items:center;gap:8px;height:50px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.rea-signin .input-wrap:focus-within{border-color:var(--sage);box-shadow:0 0 0 4px var(--mint-bg)}.rea-signin .input-wrap .prefix{color:var(--muted);border-right:1px solid var(--line);flex-shrink:0;padding-right:8px;font-size:15px;font-weight:600}.rea-signin .input-wrap .ico{color:var(--muted-2);flex-shrink:0;display:inline-flex}.rea-signin .input-wrap input{min-width:0;color:var(--ink);letter-spacing:.01em;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.rea-signin .input-wrap input::placeholder{color:var(--muted-2);letter-spacing:0}.rea-signin .hint{color:var(--muted);margin-top:7px;font-size:12.5px;line-height:1.45}.rea-signin .error-msg{color:#b91c1c;border-radius:var(--r-md);text-align:center;background:#fef2f2;margin-bottom:16px;padding:10px 14px;font-size:13.5px}.rea-signin[data-theme=dark] .error-msg{color:#fca5a5;background:#ef44441f}.rea-signin .btn{border-radius:var(--r-pill);background:var(--sage-dark);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;margin-top:6px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.rea-signin[data-theme=dark] .btn{color:#0a0f0c;background:var(--sage-dark)}.rea-signin .btn:hover:not(:disabled){background:var(--sage-deep)}.rea-signin .btn:disabled{opacity:.45;cursor:not-allowed}.rea-signin .divider{color:var(--muted-2);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:14px;margin:26px 0 18px;font-size:12px;font-weight:500;display:flex}.rea-signin .divider:before,.rea-signin .divider:after{content:"";background:var(--line);flex:1;height:1px}.rea-signin .help{text-align:center;color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.rea-signin .help a{color:var(--sage-dark);font-weight:600;text-decoration:none}.rea-signin .help a:hover{text-decoration:underline}.rea-signin .otp-row{justify-content:center;gap:10px;margin-bottom:22px;display:flex}.rea-signin .otp-row input{text-align:center;border:1.5px solid var(--line-strong);border-radius:var(--r-md);background:var(--field);width:48px;height:58px;color:var(--ink);outline:none;font-family:Roboto Mono,monospace;font-size:24px;font-weight:500;transition:border-color .15s,box-shadow .15s}.rea-signin .otp-row input:focus{border-color:var(--sage);box-shadow:0 0 0 4px var(--mint-bg)}.rea-signin .otp-row input.filled{border-color:var(--sage)}.rea-signin .back-row{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:13.5px;display:flex}.rea-signin .back-row button{cursor:pointer;color:var(--sage-dark);background:0 0;border:none;align-items:center;gap:5px;padding:0;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex}.rea-signin .back-row button:hover{text-decoration:underline}.rea-signin .back-row button:disabled{color:var(--muted-2);cursor:not-allowed;text-decoration:none}.rea-signin .badge{background:var(--mint-bg);color:var(--sage-dark);border-radius:var(--r-pill);align-items:center;gap:7px;margin:0 auto 16px;padding:6px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.rea-signin[data-theme=dark] .badge{color:var(--mint);background:#bbf7d01a}.rea-signin .right-footer{text-align:center;color:var(--muted-2);font-size:12.5px;position:absolute;bottom:24px;left:0;right:0}.rea-signin .right-footer a{color:var(--muted);margin:0 4px;text-decoration:none}.rea-signin .right-footer a:hover{color:var(--ink-2)}.rea-signin .fade{animation:.3s reasignin-fade}@keyframes reasignin-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:900px){.rea-signin .split{flex-direction:column}.rea-signin .left{flex:none;padding:32px 28px 36px}.rea-signin .left-mid{margin:28px 0}.rea-signin .left h1{margin-bottom:14px;font-size:30px}.rea-signin .left p.lede{font-size:15px}.rea-signin .checks{flex-flow:wrap;gap:10px 22px}.rea-signin .check{font-size:13.5px}.rea-signin .right{flex:none;padding:36px 20px 72px}.rea-signin .theme-toggle{top:20px;right:20px}}@media (max-width:480px){.rea-signin .card{padding:28px 22px}.rea-signin .otp-row{gap:7px}.rea-signin .otp-row input{width:42px;height:52px;font-size:21px}}
