.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:6vh 8vw;background:radial-gradient(ellipse at 15% 75%,#19374766,transparent 50%),#080c13}.auth-brand{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:800}.auth-brand img{width:32px;filter:invert(1)}.auth-brand .demo-badge{font-size:12px;margin-left:10px}.auth-intro h1{font-size:clamp(48px,6vw,80px);line-height:1.03;margin-top:65px;letter-spacing:-4px}.auth-intro p{font-size:18px;color:#a0afbe;line-height:1.7;max-width:360px}.auth-orb{height:170px;max-width:380px;border-radius:50%;border-bottom:3px solid #a8f6dc;box-shadow:0 20px 30px -10px #6bded8,0 35px 60px -15px #8a58ca;transform:rotate(-10deg)}.auth-card{max-width:460px;width:100%;padding:32px;background:#111923;border:1px solid #26343e;border-radius:24px}.auth-card h2{font-size:30px;margin:12px 0}.auth-card>.muted{line-height:1.65;margin-bottom:28px}.auth-tabs{display:flex;gap:5px;padding:5px;background:#080f18;border-radius:14px;margin-bottom:24px}.auth-tabs button{flex:1;padding:10px 4px;border-radius:10px;color:#aab6c4;background:transparent}.auth-tabs .selected{background:#2b3b47;color:#fff}.auth-divider{text-align:center;font-size:12px;color:#97a5b5;margin:24px 0}.auth-demo-note{padding:14px;background:#23352e;border-radius:12px;color:#c9e6d2;font-size:13px;line-height:1.6;margin-top:20px}.pattern-pad{position:relative;width:240px;height:240px;display:grid;grid-template-columns:repeat(3,1fr);margin:16px auto;touch-action:none;user-select:none}.pattern-pad svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pattern-pad button{position:relative;display:grid;place-items:center;background:transparent;border:0;padding:0;touch-action:none}.pattern-pad button span{width:18px;height:18px;border-radius:50%;background:#6b7f91;box-shadow:0 0 0 12px #20303d}.pattern-pad button.chosen span{background:#c1f6d5;box-shadow:0 0 0 12px #325f49}.pattern-count{text-align:center;font-size:13px}.security-section{margin:24px 0;padding-top:16px;border-top:1px solid #ffffff18}.security-section p{font-size:14px;line-height:1.5}.security-section summary{cursor:pointer;margin-bottom:15px}.security-section h3{margin-bottom:8px}@media(max-width:800px){.auth-shell{grid-template-columns:1fr;padding:28px 20px;gap:24px}.auth-intro h1,.auth-intro p,.auth-orb{display:none}.auth-intro{max-width:460px;width:100%;margin:auto}.auth-card{margin:auto;padding:26px 22px}.auth-brand{font-size:27px}}