:root{--blue:#0868ed;--navy:#03183e;--ink:#12284b;--muted:#718097;--line:#dfe7f1}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#f5f8fc}.auth-shell{min-height:100vh;display:grid;grid-template-columns:48% 52%}.auth-visual{position:relative;overflow:hidden;padding:44px 8%;color:#fff;background:linear-gradient(145deg,#062b64,#021739);display:flex;flex-direction:column}.auth-visual:after{content:"";position:absolute;width:560px;height:560px;right:-260px;top:22%;border:1px solid #74b7ed44;border-radius:50%;box-shadow:0 0 0 34px #74b7ed0c,0 0 0 72px #74b7ed08}.auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:18px;font-weight:800}.brand-mark{width:29px;height:27px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px}.brand-mark i{background:#11a4dc;border-radius:1px}.brand-mark i:nth-child(1){grid-column:1/3}.brand-mark i:nth-child(2){grid-column:3;grid-row:1/3;background:#0868ed}.brand-mark i:nth-child(3){grid-column:1;grid-row:2/4;background:#0868ed}.brand-mark i:nth-child(4){grid-column:2;grid-row:2/4;background:#0ec3c0}.auth-copy{position:relative;z-index:1;margin:auto 0 34px;max-width:550px}.auth-copy>span{font-size:13px;letter-spacing:1.7px;color:#73d8e3;font-weight:800}.auth-copy h1{font-size:58px;line-height:1.06;letter-spacing:-2px;margin:18px 0}.auth-copy h1 b{color:#25c1e9}.auth-copy p{font-size:18px;line-height:1.7;color:#cad8ed;max-width:470px}.auth-proof{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.auth-proof b{font-size:28px}.auth-proof span{font-size:12px;color:#b8c9df;line-height:1.5}.auth-form-side{padding:35px 8%;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-back{align-self:flex-end;color:#738198;text-decoration:none;font-size:13px;margin-bottom:28px}.auth-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:40px 44px;box-shadow:0 17px 42px #10345c12}.auth-badge{display:inline-block;background:#eaf3ff;color:var(--blue);border-radius:20px;padding:8px 12px;font-size:10px;font-weight:800}.auth-card h2{font-size:31px;letter-spacing:-.8px;margin:23px 0 8px}.auth-intro{font-size:14px;color:#718097;margin:0 0 24px}.auth-card label{display:block;font-size:13px;font-weight:700;margin:17px 0 8px}.auth-card input:not([type=checkbox]){width:100%;height:51px;border:1px solid var(--line);border-radius:8px;padding:0 14px;outline:0;font:14px Inter;color:var(--ink)}.auth-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0868ed14}.password-field{position:relative}.password-field input{padding-right:68px!important}.password-field button{position:absolute;right:12px;top:17px;border:0;background:transparent;color:var(--blue);font-size:11px;font-weight:700;cursor:pointer}.remember{display:flex!important;align-items:center;gap:7px;color:#718097!important;font-size:12px!important;font-weight:500!important;margin:18px 0!important}.remember input{accent-color:var(--blue);width:15px;height:15px}.auth-submit{width:100%;height:52px;border:0;border-radius:8px;background:var(--blue);color:#fff;font:700 14px Inter;cursor:pointer;box-shadow:0 8px 16px #0868ed2d}.auth-submit b{font-size:20px;margin-left:8px}.form-error{background:#fff0f0;color:#b52f37;border:1px solid #f3c8cb;padding:11px 12px;border-radius:7px;font-size:12px}.auth-security{text-align:center;color:#909caf;font-size:11px;margin:23px 0 0}@media(max-width:800px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:300px;padding:28px 7%}.auth-copy{margin:48px 0 0}.auth-copy h1{font-size:40px;margin:13px 0}.auth-copy p{font-size:14px}.auth-proof{display:none}.auth-form-side{padding:30px 6% 45px}.auth-back{align-self:center;margin-bottom:20px}.auth-card{padding:30px 24px}.auth-card h2{font-size:27px}}