:root{--violet:#4e0e94;--iris:#8054ff;--lilac:#d9c7ff;--paper:#faf9fd;--orbit:#13071c;--plum:#211827;--muted:#a99eb2;--line:rgba(217,199,255,.16)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--orbit);color:var(--paper);font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;background-image:radial-gradient(circle at 12% 18%,rgba(128,84,255,.23),transparent 30%),radial-gradient(circle at 80% 82%,rgba(78,14,148,.18),transparent 30%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px}.account-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.account-story{position:relative;padding:64px clamp(50px,7vw,120px);display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid var(--line);overflow:hidden}.account-story:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(217,199,255,.12);border-radius:50%;left:-220px;bottom:-230px;box-shadow:0 0 0 70px rgba(128,84,255,.025),0 0 0 140px rgba(128,84,255,.018)}.brand,.mobile-brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;font-family:Sora,Arial,sans-serif;font-size:25px;font-weight:600;letter-spacing:-.05em}.brand img,.mobile-brand img{object-fit:contain}.eyebrow{color:var(--lilac);font-weight:600;font-size:12px;letter-spacing:.04em}.account-story h1{font-size:clamp(48px,5.2vw,80px);line-height:1.1;letter-spacing:-.055em;margin:20px 0 24px}.account-story h1 span{color:var(--lilac)}.account-story div>p:last-child{max-width:620px;color:var(--muted);font-size:18px;line-height:1.9}.account-story ul{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:12px}.account-story li:before{content:"✓";color:var(--lilac);margin-left:7px}.account-card{align-self:center;width:min(500px,calc(100% - 48px));margin:auto;padding:48px;border:1px solid var(--line);border-radius:24px;background:rgba(33,24,39,.78);backdrop-filter:blur(20px);box-shadow:0 35px 100px rgba(0,0,0,.34)}.mobile-brand{display:none}.account-card h2{font-size:33px;margin:0 0 8px}.lead{margin:0 0 28px;color:var(--muted)}.google-button,.primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;border-radius:10px;font:600 14px inherit;text-decoration:none;cursor:pointer}.google-button{gap:12px;border:1px solid var(--line);background:#fff;color:#231b28}.google-button span{font:bold 18px Arial;color:#4285f4}.divider{display:flex;align-items:center;gap:12px;color:#766d7d;font-size:12px;margin:22px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:rgba(255,255,255,.04);border-radius:10px;margin-bottom:22px}.tabs button{border:0;border-radius:8px;padding:10px;background:transparent;color:var(--muted);font:600 13px inherit;cursor:pointer}.tabs button.active{background:rgba(128,84,255,.2);color:#fff}form{display:grid;gap:16px}label{display:grid;gap:7px;font-size:13px;font-weight:600}input{width:100%;border:1px solid var(--line);background:rgba(10,6,14,.55);color:#fff;border-radius:10px;padding:13px 14px;font:14px inherit;outline:none}input:focus{border-color:var(--iris);box-shadow:0 0 0 3px rgba(128,84,255,.15)}label small{color:#756b7d;font-weight:400}.primary{border:0;background:linear-gradient(135deg,var(--violet),var(--iris));color:#fff;margin-top:4px}.terms{margin:22px 0 0;color:#706878;font-size:11px;text-align:center}.terms a{color:var(--lilac)}.message{padding:12px 14px;margin:0 0 18px;border:1px solid rgba(255,118,118,.28);border-radius:9px;background:rgba(130,38,38,.18);color:#ffd1d1;font-size:12px}.text-button{border:0;background:transparent;color:var(--lilac);font:600 12px inherit;cursor:pointer;text-align:right;padding:0}.hidden{display:none!important}@media(max-width:900px){.account-shell{grid-template-columns:1fr;padding:32px 0}.account-story{display:none}.account-card{padding:32px}.mobile-brand{display:flex;margin-bottom:36px}.account-card h2{font-size:28px}}
