:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#171717;background:#f7f7fa;--bg:#f7f7fa;--panel:rgba(255,255,255,.88);--panel-solid:#fff;--text:#171717;--muted:#737373;--soft:#f5f5f7;--border:#e7e7ec;--primary:#7c3aed;--primary-hover:#6d28d9;--primary-soft:#f1eafe;--danger:#be123c;--shadow:0 30px 90px rgba(45,27,90,.12)}:root[data-theme=dark]{color:#f5f5f5;background:#0a1020;--bg:#0a1020;--panel:rgba(23,30,48,.9);--panel-solid:#171e30;--text:#f5f5f5;--muted:#9ca3af;--soft:#202a3d;--border:#2c3850;--primary:#8b5cf6;--primary-hover:#a78bfa;--primary-soft:#30235b;--danger:#fda4af;--shadow:0 30px 100px rgba(0,0,0,.4)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}.auth-shell{position:relative;isolation:isolate;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:28px 28px 20px;overflow:hidden}.ambient{position:fixed;z-index:-1;border-radius:999px;filter:blur(1px);opacity:.55;pointer-events:none}.ambient-one{width:520px;height:520px;top:-310px;left:-190px;background:radial-gradient(circle,#c4b5fd 0,transparent 70%)}.ambient-two{width:440px;height:440px;right:-220px;bottom:-250px;background:radial-gradient(circle,#ddd6fe 0,transparent 68%)}[data-theme=dark] .ambient{opacity:.18}.shell-header{width:min(1120px,100%);height:54px;display:flex;align-items:center;justify-content:space-between}.brand-lockup{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-.04em}.brand-lockup b{color:var(--primary)}.brand-lockup.compact{gap:0}.brand-mark{position:relative;display:block;width:34px;height:34px;border:9px solid var(--primary);border-radius:50%}.brand-mark:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--primary);right:-10px;top:-10px}.brand-mark span{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--panel-solid);right:-3px;top:-3px}.compact .brand-mark{width:23px;height:23px;border-width:6px}.compact .brand-mark:before{width:8px;height:8px;right:-7px;top:-7px}.compact .brand-mark span{width:7px;height:7px;right:-2px;top:-2px}.icon-button{width:42px;height:42px;margin:0;border:1px solid var(--border);border-radius:50%;background:var(--panel);color:var(--text);box-shadow:0 8px 24px #1414280f;padding:0}.card{width:min(480px,100%);margin:auto;background:var(--panel);border:1px solid rgba(139,92,246,.12);border-radius:24px;padding:36px 40px 26px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card.wide{width:min(1040px,100%)}.app{float:right;color:var(--muted);font-size:12px;font-weight:600;background:var(--soft);padding:6px 10px;border-radius:999px}.eyebrow{color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-top:5px}h1{font-size:32px;line-height:1.15;letter-spacing:-.045em;margin:14px 0 8px}h2{font-size:16px;margin:0;letter-spacing:-.02em}p{line-height:1.65}.muted{color:var(--muted);font-size:14px;margin:0 0 26px}form{display:grid;gap:16px;margin-top:24px}label>span{display:block;font-size:12px;font-weight:600;margin:0 0 7px;color:var(--muted)}input{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel-solid);color:var(--text);outline:none;transition:.2s ease}input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 13%,transparent)}button{width:100%;padding:13px 16px;margin-top:10px;border:1px solid transparent;border-radius:10px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}button:hover{background:var(--primary-hover);box-shadow:0 10px 25px color-mix(in srgb,var(--primary) 24%,transparent)}button:active{transform:translateY(1px)}.secondary{background:var(--soft);border-color:var(--border);color:var(--text)}.secondary:hover,.tiny:hover{background:var(--primary-soft);color:var(--primary);box-shadow:none}.tiny{width:auto;padding:7px 10px;margin:0;background:transparent;border-color:var(--border);color:var(--muted);font-size:12px}a{color:var(--primary);cursor:pointer;font-weight:600}.form-options{display:flex;align-items:center;justify-content:space-between;font-size:12px}.remember{display:flex;align-items:center;gap:7px;color:var(--muted)}.remember input{width:16px;height:16px;accent-color:var(--primary)}.remember span{display:inline;margin:0;font-weight:500}.signup-line{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin:20px 0 0}.error{padding:11px 13px;background:color-mix(in srgb,#fb7185 13%,var(--panel-solid));border:1px solid color-mix(in srgb,#fb7185 30%,transparent);border-radius:10px;color:var(--danger);font-size:13px;margin:16px 0}.scopes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.scopes span{background:var(--primary-soft);color:var(--primary);padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700}.profile-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:10px 0 28px;border-bottom:1px solid var(--border)}.profile-hero h1{margin:4px 0}.profile-hero .muted{margin:0}.avatar{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;color:#fff;font-size:25px;font-weight:800;background:linear-gradient(145deg,#a78bfa,#6d28d9);box-shadow:0 12px 28px #7c3aed40}.verified{color:#16a34a;font-size:11px;font-weight:700;margin-left:5px}.security-badge{padding:8px 12px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:11px;font-weight:700}.sections{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.sections section{margin:0;background:var(--panel-solid);border:1px solid var(--border);border-radius:16px;padding:20px}.sections section:first-child{grid-row:span 2}.section-heading{display:flex;gap:12px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--border);margin-bottom:4px}.section-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}.section-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-weight:800}.row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);font-size:13px}.empty-state{color:var(--muted);font-size:12px;margin:18px 0}.logout{width:auto;display:block;margin:22px 0 0 auto;padding-inline:22px}.status-line{text-align:center;color:var(--muted);padding:35px 0}.legal{color:var(--muted);font-size:11px;margin-top:auto;padding-top:18px}footer{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:11px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}pre{background:#111827;color:#fff;padding:14px;border-radius:10px;overflow:auto;font-size:12px}@media(max-width:720px){.auth-shell{padding:18px 16px}.card{padding:28px 22px;border-radius:20px}.sections{grid-template-columns:1fr}.sections section:first-child{grid-row:auto}.profile-hero{grid-template-columns:auto 1fr}.security-badge{grid-column:1/-1;width:max-content}.shell-header{height:44px}.legal{display:none}h1{font-size:27px}.form-options{align-items:flex-start;gap:10px}.signup-line{gap:12px}}.auth-shell{padding:24px 28px 16px}.shell-header{height:50px}.card{padding:30px 40px 20px}.muted{margin-bottom:20px}form{margin-top:20px}.recovery-only{justify-content:flex-end}.legal{padding-top:14px}footer{margin-top:20px;padding-top:16px}@media(max-width:720px){.auth-shell{padding:18px 16px}.card{padding:28px 22px}.shell-header{height:44px}}