*{box-sizing:border-box}body{margin:0;background:#101112;color:#f4f5ed;font-family:Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.auth-shell{max-width:1140px;margin:auto;padding:48px 40px;display:grid;grid-template-columns:1fr 440px;gap:64px 80px;align-items:center}.brand{font-size:36px;font-weight:700;letter-spacing:-2px;grid-column:1/-1}.brand span{color:#d8ff64}.eyebrow{font-size:11px;letter-spacing:3px;color:#c1c8ad}h1{font-size:clamp(40px,5vw,66px);font-weight:500;letter-spacing:-3px;line-height:1.07;margin:24px 0}.intro p{color:#aeb0a7;line-height:1.7;max-width:340px}.auth-card{background:#191c17;border:1px solid #353c2d;border-radius:28px;padding:32px}.tabs{display:flex;gap:8px;margin-bottom:30px}.tabs button{flex:1;padding:12px 8px;background:transparent;border:1px solid #3e4830;border-radius:20px;color:#bcc3b0}.tabs button[aria-pressed=true]{background:#d8ff64;color:#18200b;border-color:#d8ff64}label{display:block;font-size:14px;margin-bottom:22px}input{display:block;width:100%;margin-top:9px;border:1px solid #444a3a;border-radius:12px;padding:15px;background:#11140e;color:white;outline:none}input:focus{border-color:#d8ff64;box-shadow:0 0 0 2px #d8ff6420}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:#d8ff64;color:#171c10;border-radius:14px;padding:17px;font-weight:600}.primary:disabled{opacity:.5}.text-button{display:block;border:0;background:none;color:#d8ff64;padding:12px 0}.back{display:block;color:#aeb0a7;font-size:13px;margin-top:26px}#auth-status{font-size:14px;line-height:1.6;white-space:pre-line}#auth-status.error{color:#ffb4a9}[hidden]{display:none!important}@media(max-width:760px){.auth-shell{display:block;padding:28px 20px}.brand{font-size:30px}.intro{margin:48px 0 30px}h1{font-size:44px;letter-spacing:-2px}.auth-card{padding:24px;max-width:480px}.intro p{margin-bottom:0}}:focus-visible{outline:2px solid #d8ff64;outline-offset:3px}
body{background:radial-gradient(ellipse at 20% 45%,#a8c65112,transparent 60%),#090d09;color:#eef0e5}.auth-shell{max-width:1280px;min-height:100vh;gap:35px 90px}.brand{font-weight:400;letter-spacing:-1.5px}.brand span{color:#d8f77c}.intro{position:relative;isolation:isolate;padding:15px 0 30px}.auth-portrait{display:block;width:100%;height:340px;object-fit:contain;margin-bottom:16px;mask-image:linear-gradient(#000 75%,transparent);filter:drop-shadow(0 0 22px #b3d64010)}.intro h1{font-size:48px;font-weight:400;margin:20px 0;letter-spacing:-2px}.auth-card{background:linear-gradient(135deg,#bccf7510,#17211160);border-color:#d8f77c2a;backdrop-filter:blur(18px);box-shadow:0 20px 90px #0005}.primary,.tabs button[aria-pressed=true]{background:#d8f77c;border-radius:30px}.tabs{padding-bottom:8px}.tabs button{border-color:#d8f77c30}input{background:#0b110bc0;border-color:#d8f77c30;border-radius:14px}.intro .eyebrow{color:#c8d79f}.auth-card label{color:#bac4ad}.auth-card .back{border-top:1px solid #d8f77c20;padding-top:24px}@media(max-width:760px){.auth-shell{min-height:auto;padding:25px 22px 40px}.intro{margin:25px 0 20px;padding:0}.auth-portrait{height:190px;margin:0 auto -15px;max-width:240px}.intro h1{font-size:36px;margin:15px 0}.intro p{font-size:14px}.auth-card{max-width:none;padding:24px}}