:root{--bg:#0b0f17;--panel:#ffffff0f;--card:#ffffff14;--text:#ffffffeb;--muted:#ffffffb3;--hairline:#ffffff24;--accent:#ffffffd9}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);background:radial-gradient(900px 500px at 20% 0,#ffffff1a,#0000 55%),radial-gradient(900px 500px at 80% 20%,#ffffff14,#0000 55%),linear-gradient(#070a10,#0b0f17 40%,#0b0f17);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit}.site{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline);background:#0b0f17a6;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;max-width:980px;margin:0 auto;padding:14px 16px;display:flex}.brand{letter-spacing:.2px;font-weight:850;text-decoration:none}.nav{align-items:center;gap:10px;display:flex}.navlink{color:var(--muted);border:1px solid #0000;border-radius:12px;padding:8px 10px;text-decoration:none}.navlink:hover{color:var(--text);border-color:var(--hairline);background:#ffffff0a}.content{flex:1;width:100%;max-width:980px;margin:0 auto;padding:18px 16px 30px}main{border:1px solid var(--hairline);background:#ffffff08;border-radius:18px;padding:22px 18px;box-shadow:0 20px 60px #00000059}h1{font-size:28px;line-height:1.15}h2{font-size:18px}input,select,textarea,button{font:inherit}button{color:var(--text)}.footer{border-top:1px solid var(--hairline);background:#0b0f178c}.footer-inner{max-width:980px;color:var(--muted);justify-content:space-between;gap:12px;margin:0 auto;padding:16px;font-size:13px;display:flex}.footer-muted{opacity:.75}main,main *{color:var(--text)!important}main .muted{color:var(--muted)!important}input,textarea,select{border-radius:12px;outline:none;padding:10px 12px;color:var(--text)!important;border:1px solid var(--hairline)!important;background:#ffffff0f!important}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#ffffff8c!important}button{border-radius:12px;border:1px solid var(--hairline)!important;background:#ffffff0f!important}button:hover{background:#ffffff1a!important}
