*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter, system-ui, sans-serif;color:#17212b;background:#f5f8fc}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr)}.auth-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px 64px;color:#fff;background:linear-gradient(145deg,#1368e8,#20b9e6)}.auth-hero:before,.auth-hero:after{content:"";position:absolute;border-radius:50%;background:#ffffff16}.auth-hero:before{width:460px;height:460px;right:-190px;top:-140px}.auth-hero:after{width:300px;height:300px;left:-130px;bottom:-120px}.auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:20px}.auth-brand img{width:42px;height:42px;border-radius:13px;box-shadow:0 12px 30px #063c8f35}.auth-hero>div{position:relative;z-index:1;max-width:620px}.eyebrow{display:inline-flex;padding:8px 13px;border:1px solid #ffffff50;border-radius:999px;background:#ffffff15;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.auth-hero h1{margin:22px 0 18px;font-size:clamp(38px,4vw,64px);line-height:1.04;letter-spacing:-.045em}.auth-hero p{max-width:560px;margin:0;color:#e7f3ff;font-size:17px;line-height:1.7}.auth-benefits{display:flex;flex-wrap:wrap;gap:12px}.auth-benefits span{padding:10px 14px;border-radius:12px;background:#ffffff16;font-size:12px;font-weight:600}.auth-panel{display:grid;place-items:center;padding:40px}.auth-card{width:min(440px,100%);padding:30px;border:1px solid #e3e9f0;border-radius:24px;background:#fff;box-shadow:0 24px 70px #183b6815}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-radius:13px;background:#f1f5f9}.auth-tabs button{border:0;border-radius:9px;padding:11px;background:transparent;color:#718096;font:600 13px Inter, system-ui, sans-serif;cursor:pointer}.auth-tabs button.active{background:#fff;color:#2273df;box-shadow:0 3px 10px #102a4312}.auth-card form header{margin:30px 0 24px}.auth-card form small{color:#3381ec;font-size:10px;font-weight:800;letter-spacing:.12em}.auth-card h2{margin:8px 0 7px;font-size:27px;letter-spacing:-.03em}.auth-card header p{margin:0;color:#7b8794;font-size:13px}.auth-card label{display:grid;gap:8px;margin:16px 0;color:#4a5563;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.auth-card input{width:100%;border:1px solid #dce3ea;border-radius:11px;padding:13px 14px;outline:0;font:500 14px Inter, system-ui, sans-serif;text-transform:none;letter-spacing:0}.auth-card input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f618}.primary{width:100%;margin-top:9px;border:0;border-radius:11px;padding:14px;color:#fff;background:linear-gradient(110deg,#3b82f6,#20b9e6);font:700 13px Inter, system-ui, sans-serif;cursor:pointer;box-shadow:0 10px 24px #2788df2e}.primary:disabled{opacity:.6;cursor:wait}#auth-message{margin-top:20px;padding:12px 14px;border-radius:10px;color:#a53737;background:#fff0f0;font-size:12px;line-height:1.5}#auth-message.success{color:#087653;background:#eafaf4}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-hero{min-height:330px;padding:32px}.auth-benefits{display:none}.auth-panel{padding:24px}.auth-hero h1{font-size:38px}}