:root{--bg:#0b0b12;--bg2:#16161f;--fg:#f5f5fa;--muted:#9aa0b5;--accent:#7c5cff;--accent2:#22d3ee;--line:hsla(0,0%,100%,.1);--page-bg:radial-gradient(110% 80% at 50% -10%,#1a1430 0%,#0b0b12 60%);--surface:hsla(0,0%,100%,.04);--btn-fg:#0b0b12}:root[data-theme=light]{--bg:#fff;--bg2:#eef1f8;--fg:#15161c;--muted:#5c6270;--accent:#6d4bff;--accent2:#0bb5d6;--line:rgba(0,0,0,.12);--page-bg:radial-gradient(110% 80% at 50% -10%,#e9e6ff 0%,#f6f7fb 55%);--surface:rgba(0,0,0,.04);--btn-fg:#fff}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--page-bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;min-height:100%;transition:background-color .2s ease,color .2s ease}a{color:inherit}.container{max-width:960px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--fg);font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;transition:transform .1s ease,border-color .1s ease}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.btn.primary{background:linear-gradient(120deg,var(--accent),var(--accent2));border:none;color:var(--btn-fg)}.input{width:100%;padding:14px 16px;font-size:17px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--fg)}.input:focus{outline:none;border-color:var(--accent)}.input::placeholder{color:var(--muted)}.muted{color:var(--muted)}.mono{font-family:ui-monospace,Menlo,Consolas,monospace}.surface{background:var(--surface)}