/* NexusNova account / referral screen */
.nn-account{min-height:100vh;background:#02050d;color:#f4fbff}
.account-main{padding:72px 0 88px}
.account-shell{width:min(1120px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:stretch}
.account-intro,.account-card{position:relative;overflow:hidden;border:1px solid rgba(117,231,255,.16);border-radius:30px;background:linear-gradient(145deg,rgba(8,27,44,.82),rgba(3,10,19,.92));box-shadow:0 28px 80px rgba(0,0,0,.36)}
.account-intro{padding:40px;display:flex;flex-direction:column;justify-content:space-between;min-height:610px}
.account-intro:before{content:"";position:absolute;inset:auto -25% -20% 5%;height:330px;background:radial-gradient(circle,rgba(91,168,255,.18),transparent 68%);pointer-events:none}
.account-intro h1{font-size:clamp(38px,5vw,66px);margin:16px 0 18px;letter-spacing:-.05em}
.account-intro h1 span{display:block;background:linear-gradient(100deg,#72ffe1,#79bcff,#cf8cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.account-intro p{max-width:540px;color:#99aec2}
.account-points{display:grid;gap:12px;margin-top:32px}
.account-point{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:13px 14px;border:1px solid rgba(117,231,255,.1);border-radius:16px;background:rgba(255,255,255,.025)}
.account-point i{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;font-style:normal;color:#52f4d0;background:rgba(84,245,209,.08);border:1px solid rgba(84,245,209,.14)}
.account-point b{display:block;font-size:14px}.account-point small{display:block;margin-top:3px;color:#8096aa;line-height:1.5}
.account-system{display:flex;align-items:center;gap:9px;margin-top:34px;color:#7890a7;font:700 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.account-system i{width:8px;height:8px;border-radius:50%;background:#57e2b7;box-shadow:0 0 15px #57e2b7}
.account-card{padding:32px}
.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;border:1px solid rgba(117,231,255,.1);border-radius:15px;background:rgba(0,0,0,.18)}
.account-tabs button{border:0;border-radius:11px;padding:11px;color:#8197ab;background:transparent;font-weight:850;font-size:12px;letter-spacing:.04em}
.account-tabs button.active{color:#efffff;background:linear-gradient(135deg,rgba(84,245,209,.11),rgba(91,168,255,.11));box-shadow:0 0 22px rgba(84,245,209,.05) inset}
.referral-panel{margin:18px 0;padding:14px 15px;border:1px solid rgba(84,245,209,.14);border-radius:16px;background:linear-gradient(135deg,rgba(84,245,209,.055),rgba(91,168,255,.045))}
.referral-panel[hidden]{display:none}
.referral-panel small{display:block;color:#7893a8;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.referral-code{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
.referral-code strong{font:900 15px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c8fff2;letter-spacing:.04em;word-break:break-all}
.referral-code span{color:#57e2b7;font-size:11px;font-weight:850;white-space:nowrap}
.account-form{display:grid;gap:14px;margin-top:20px}
.account-field{display:grid;gap:7px}.account-field[hidden]{display:none}
.account-field span{color:#b9cad9;font-size:12px;font-weight:800}
.account-field input{width:100%;min-height:50px;border:1px solid rgba(117,231,255,.14);border-radius:14px;background:rgba(0,0,0,.22);color:#f4fbff;padding:0 14px;outline:none;transition:.2s ease}
.account-field input:focus{border-color:rgba(84,245,209,.48);box-shadow:0 0 0 3px rgba(84,245,209,.07)}
.account-field input::placeholder{color:#52697e}
.password-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.account-submit{min-height:52px;margin-top:4px;border:1px solid rgba(255,255,255,.28);border-radius:15px;background:linear-gradient(120deg,#52f4d0,#72d9ff 52%,#9f8dff);color:#03100f;font-weight:950;letter-spacing:.03em;box-shadow:0 14px 35px rgba(84,245,209,.14)}
.account-submit:disabled{opacity:.55;cursor:wait}
.account-status{min-height:52px;margin:2px 0 0;padding:12px 13px;border:1px solid rgba(117,231,255,.1);border-radius:13px;background:rgba(4,13,23,.7);color:#8fa7bc;font-size:12px;line-height:1.5}
.account-status[data-kind="success"]{border-color:rgba(87,226,183,.22);color:#9af1d4;background:rgba(20,93,73,.1)}
.account-status[data-kind="error"]{border-color:rgba(255,120,146,.23);color:#ff9daf;background:rgba(120,32,50,.1)}
.account-legal{margin:4px 0 0;color:#667e94;font-size:11px;line-height:1.55}.account-legal a{color:#74d9ff;text-decoration:underline;text-underline-offset:3px}
.account-success{display:none;margin-top:20px;padding:18px;border:1px solid rgba(87,226,183,.22);border-radius:18px;background:linear-gradient(135deg,rgba(87,226,183,.09),rgba(91,168,255,.055))}
.account-success.show{display:block}.account-success h2{font-size:24px}.account-success p{color:#9bb1c4}.account-success .hero-actions{margin-top:14px}
@media(max-width:860px){.account-shell{grid-template-columns:1fr}.account-intro{min-height:auto;padding:28px}.account-card{padding:25px}}
@media(max-width:560px){.account-main{padding:34px 0 60px}.account-shell{width:min(100% - 20px,1120px);gap:14px}.account-intro,.account-card{border-radius:22px}.account-intro{padding:22px}.account-intro h1{font-size:39px}.account-card{padding:18px}.password-row{grid-template-columns:1fr}.account-system{margin-top:24px}.account-points{margin-top:22px}}