:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html,body{background:var(--bg-gradient);color:var(--text-color);min-height:100vh;margin:0;padding:0;font-family:Roboto,Arial,sans-serif;transition:background .3s,color .3s}body[data-theme=light]{--bg-gradient:linear-gradient(135deg,#f8fafc 0%,#e0e7ef 100%);--card-bg:#fff;--card-shadow:0 4px 24px rgba(0,0,0,.08);--card-radius:16px;--button-bg:#2563eb;--button-text:#fff;--button-bg-hover:#1d4ed8;--input-bg:#f1f5f9;--input-border:#cbd5e1;--input-focus:#2563eb;--text-color:#222}body[data-theme=dark]{--bg-gradient:linear-gradient(135deg,#181c24 0%,#232b3b 100%);--card-bg:#232b3b;--card-shadow:0 4px 24px rgba(0,0,0,.32);--card-radius:16px;--button-bg:#fbbf24;--button-text:#232b3b;--button-bg-hover:#f59e42;--input-bg:#232b3b;--input-border:#334155;--input-focus:#fbbf24;--text-color:#222}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.card{background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:var(--card-radius);margin:1.5rem 0;padding:2rem;transition:background .3s,box-shadow .3s}input,textarea{background:var(--input-bg);border:1.5px solid var(--input-border);color:var(--text-color);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:1rem;transition:border .2s,background .2s}input:focus,textarea:focus{border-color:var(--input-focus);background:#fffbe6;outline:none}button{background:var(--button-bg);color:var(--button-text);cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:background .2s,color .2s;box-shadow:0 2px 8px rgba(0,0,0,.07)}button:hover,button:focus{background:var(--button-bg-hover)}