:root{--bg:#050816;--panel:#0b1028;--text:#f8fafc;--muted:#94a3b8;--violet:#8b5cf6;--border:rgba(139,92,246,.2)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.auth-shell{display:grid;grid-template-columns:.9fr 1.1fr;min-height:100vh}.auth-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:55px 7vw;background:radial-gradient(circle at 45% 50%,rgba(124,58,237,.2),transparent 34%),linear-gradient(145deg,#080d22,#050816);border-right:1px solid var(--border)}.auth-brand:after{content:"";position:absolute;width:450px;height:450px;right:-230px;bottom:-200px;border:1px solid var(--border);border-radius:50%}.logo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:.14em}.logo i{width:27px;height:27px;border:6px solid #a78bfa;border-radius:8px;transform:rotate(45deg);box-shadow:0 0 24px rgba(124,58,237,.5)}.tag,.kicker{color:#a78bfa;font-size:10px;font-weight:700;letter-spacing:.2em}.auth-brand h1{margin:22px 0;font-size:clamp(43px,5vw,69px);line-height:1.04;letter-spacing:-.055em}.auth-brand h1 em{color:transparent;background:linear-gradient(100deg,#a78bfa,#7c3aed,#22d3ee);background-clip:text;-webkit-background-clip:text;font-style:normal}.auth-brand p{max-width:500px;color:var(--muted);line-height:1.8}.auth-brand ul{position:relative;z-index:1;display:flex;gap:22px;flex-wrap:wrap;padding:0;color:#76849a;font-size:10px;list-style:none}.auth-panel{display:grid;place-items:center;padding:50px 7vw;background:radial-gradient(circle at 100% 0,rgba(124,58,237,.09),transparent 30%)}.form-wrap{width:min(100%,620px)}.login-wrap{max-width:480px}.mobile-logo{display:none}.form-wrap h2{margin:10px 0 6px;font-size:38px;letter-spacing:-.04em}.sub{margin:0 0 30px;color:var(--muted);font-size:13px}.sub a,.check a,.forgot{color:#a78bfa;text-decoration:none}.alert{margin:0 0 20px;padding:13px 16px;border:1px solid;border-radius:10px;font-size:12px;line-height:1.6}.alert.error{color:#fecaca;background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.25)}.alert.success{color:#a7f3d0;background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.25)}.alert ul{margin:5px 0 0;padding-left:18px}form{display:grid;gap:17px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;color:#cbd5e1;font-size:11px;font-weight:600}label small{color:#64748b;font-weight:400}.forgot{float:right;font-size:10px}input{width:100%;height:49px;margin-top:7px;padding:0 14px;border:1px solid rgba(148,163,184,.16);border-radius:10px;outline:none;background:rgba(255,255,255,.025);color:#fff;font:inherit;font-size:12px;transition:.2s}select{width:100%;height:49px;margin-top:7px;padding:0 14px;border:1px solid rgba(148,163,184,.16);border-radius:10px;outline:none;background:rgba(255,255,255,.025);color:#fff;font:inherit;font-size:12px;transition:.2s;cursor:pointer}select option{background:#0b1028;color:#fff}input:focus,select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.check{display:flex;align-items:flex-start;gap:9px;color:#7d8ba0;line-height:1.6;font-weight:400}.check input{flex:none;width:15px;height:15px;margin-top:2px;accent-color:#7c3aed}form button{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;margin-top:4px;border:0;border-radius:11px;background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 13px 35px rgba(109,40,217,.3);color:#fff;font-weight:700;cursor:pointer}.legal{margin:20px 0 0;color:#5f6d82;font-size:9px;line-height:1.7}.simple-dashboard{min-height:100vh;padding:30px;background:radial-gradient(circle at 50% 0,rgba(124,58,237,.12),transparent 35%)}.simple-dashboard nav{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:auto}.simple-dashboard nav>a:last-child{padding:10px 16px;border:1px solid var(--border);border-radius:9px;color:#c4b5fd;text-decoration:none;font-size:11px}.simple-dashboard section{max-width:900px;margin:15vh auto}.simple-dashboard h1{font-size:clamp(38px,6vw,66px);margin:10px 0}.simple-dashboard section>p{max-width:650px;color:var(--muted);line-height:1.8}.account-card{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}.account-card div{padding:24px;border:1px solid var(--border);border-radius:14px;background:rgba(11,16,40,.75)}.account-card span,.account-card strong{display:block}.account-card span{margin-bottom:8px;color:#718096;font-size:9px}.account-card strong{font-size:13px;overflow-wrap:anywhere}@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{padding:35px 20px}.mobile-logo{display:inline-block;margin-bottom:45px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.14em}.form-wrap h2{font-size:32px}.account-card{grid-template-columns:1fr}}@media(max-width:520px){.two{grid-template-columns:1fr}.form-wrap h2{font-size:29px}.auth-panel{align-items:start}.simple-dashboard{padding:20px}.simple-dashboard section{margin-top:12vh}}

/* Optional profile photo on account creation */
.registration-photo-picker{position:relative;display:flex;align-items:center;gap:13px;margin:1px 0;padding:12px 14px;border:1px dashed rgba(139,92,246,.35);border-radius:13px;background:linear-gradient(120deg,rgba(124,58,237,.1),rgba(34,211,238,.025));cursor:pointer;transition:.2s ease}.registration-photo-picker:hover,.registration-photo-picker:focus-within,.registration-photo-picker.selected{border-color:#8b5cf6;background:rgba(124,58,237,.16)}.registration-photo-avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid rgba(167,139,250,.35);border-radius:50%;background:linear-gradient(135deg,#7044dc,#18214c);color:#fff;font-size:18px}.registration-photo-picker>span:nth-child(2){display:grid;gap:4px;min-width:0}.registration-photo-picker b{color:#ece8ff;font-size:11px}.registration-photo-picker b small{color:#7f8da4;font-weight:500}.registration-photo-picker em{overflow:hidden;color:#8390a5;font-size:9px;font-style:normal;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.registration-photo-input{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0;pointer-events:none}
.package-picker{margin:2px 0;padding:0;border:0}.package-picker legend{margin-bottom:9px;color:#cbd5e1;font-size:11px;font-weight:600}.package-picker legend small{color:#a78bfa}.package-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.package-option{position:relative;cursor:pointer}.package-option>input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.package-option>span{display:flex;min-height:108px;padding:13px;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:rgba(255,255,255,.025);flex-direction:column;transition:.2s}.package-option b,.package-option small,.package-option strong{display:block}.package-option b{color:#fff;font-size:14px}.package-option small{flex:1;margin-top:5px;color:#77859b;font-size:9px;line-height:1.4}.package-option strong{margin-top:10px;color:#c4b5fd;font-size:14px}.package-option:hover>span,.package-option>input:focus+span{border-color:rgba(139,92,246,.65)}.package-option>input:checked+span{border-color:#8b5cf6;background:rgba(124,58,237,.14);box-shadow:0 0 0 2px rgba(139,92,246,.1)}.package-unavailable{margin:0;color:#fca5a5;font-size:11px}.payment-retry{margin-bottom:18px}.pending-payment{padding:22px;border:1px solid rgba(139,92,246,.28);border-radius:15px;background:rgba(124,58,237,.07)}.pending-payment h3{margin:9px 0 7px;font-size:20px}.pending-payment p{margin:0;color:#94a3b8;font-size:12px;line-height:1.7}.pending-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.pending-actions form{display:block}.pending-actions button{width:100%;margin:0}.pending-actions .secondary-button{border:1px solid rgba(139,92,246,.35);background:transparent;box-shadow:none;color:#c4b5fd}form button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:520px){.package-options,.pending-actions{grid-template-columns:1fr}.package-option>span{min-height:88px}}
.phone-otp-control{display:grid;gap:8px}.phone-entry,.otp-entry{display:grid;grid-template-columns:1fr auto;gap:7px}.phone-entry input,.otp-entry input{min-width:0}.phone-entry .otp-action,.otp-entry .otp-action{align-self:end;width:auto;height:49px;margin:7px 0 0;padding:0 13px;border:1px solid rgba(139,92,246,.45);border-radius:10px;background:rgba(124,58,237,.12);box-shadow:none;color:#c4b5fd;font-size:10px;white-space:nowrap}.phone-entry .otp-action:hover,.otp-entry .otp-action:hover{background:rgba(124,58,237,.22)}.phone-entry .otp-action:disabled,.otp-entry .otp-action:disabled{cursor:not-allowed;opacity:.55}.otp-entry[hidden]{display:none}.otp-status{display:block;min-height:15px;color:#718096;font-size:9px;font-weight:400}.otp-status.error{color:#fca5a5}.otp-status.success{color:#6ee7b7}