:root{--bg: #ffffff;--surface: #f7f7fb;--text: #0f172a;--muted: #475569;--accent: #6366f1;--glass: rgba(15,23,42,.06)}:root[data-theme=dark]{--bg: #0b1020;--surface: #071025;--text: #e6eef9;--muted: #9aa9be;--accent: #7c8cff;--glass: rgba(255,255,255,.04)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,var(--bg),var(--surface));color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-wrap{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;gap:1rem;background:transparent;border-bottom:1px solid transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:.75rem}.logo{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#a78bfa);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.nav{display:flex;gap:.75rem;align-items:center}.nav a{color:var(--muted);text-decoration:none;font-weight:600;padding:.5rem;border-radius:8px}.nav a:hover{color:var(--text);background:var(--glass)}.toggle-btn{appearance:none;border:1px solid rgba(0,0,0,.06);background:transparent;padding:6px;border-radius:8px;cursor:pointer;color:var(--text);display:inline-flex;align-items:center;gap:.5rem}.container{width:100%;max-width:1200px;margin:2rem auto;padding:1rem}.hero{background:linear-gradient(180deg,rgba(99,102,241,.06),transparent);padding:1.25rem;border-radius:12px;display:flex;flex-direction:column;gap:.75rem}.hero h1{margin:0;font-size:clamp(1.25rem,3.5vw,2rem)}.hero p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}.card{background:linear-gradient(180deg,var(--surface),transparent);padding:1rem;border-radius:10px;border:1px solid rgba(15,23,42,.04)}@media(min-width:700px){.grid{grid-template-columns:2fr 1fr}}@media(min-width:1100px){.topbar{padding:1rem 2rem}.container{padding:2rem}.grid{gap:1.5rem}}.muted{color:var(--muted)}.center{display:flex;align-items:center;justify-content:center}.footer{margin-top:auto;padding:1rem;text-align:center;color:var(--muted)}.topbar[data-v-db275415]{padding:.6rem 1rem}.logo[data-v-db275415]{font-size:14px}.toggle-btn[data-v-db275415]{border:0;background:transparent;padding:6px 8px}