*,:before,:after{box-sizing:border-box;margin:0;padding:0}[data-theme=light]{--background:#fff;--foreground:#1e293b;--muted:#64748b;--card-bg:#f8fafc;--border:#e2e8f0;--accent:#7e22ce;--accent-hover:#6b21a8;--gradient-animation-duration:14s;--gradient-start:#818cf8;--gradient-end:#a78bfa}[data-theme=dark]{--background:#0f172a;--foreground:#f1f5f9;--muted:#94a3b8;--card-bg:#1e293b;--border:#334155;--accent:#a78bfa;--accent-hover:#8b5cf6;--gradient-animation-duration:18s;--gradient-start:#6366f1;--gradient-end:#8b5cf6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}body{background:var(--background);color:var(--foreground);font-family:var(--font-inter);line-height:1.6;transition:background .25s,color .25s}a{color:var(--accent);padding:.15em 0;text-decoration:none;position:relative}main p a{text-decoration:none;position:relative}main p a:after{content:"";background:var(--accent);width:0;height:1px;transition:width .25s;position:absolute;bottom:0;left:0}main p a:hover:after,a:hover:after{width:100%}nav a,footer a{color:var(--accent);border-radius:6px;padding:.25rem 0;font-weight:600;text-decoration:none;transition:background .2s,color .2s}nav a:hover,footer a:hover{color:var(--accent-hover);background:#7e22ce14}[data-theme=dark] nav a:hover,[data-theme=dark] footer a:hover{color:var(--accent-hover);background:#a78bfa1f}h1,h2,h3,h4{font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{margin-top:2.5rem;margin-bottom:1rem;font-size:1.875rem}p,li{margin-bottom:1rem}ul{padding-left:1.5rem}button,input,textarea{font-family:inherit}button,a,input,textarea{transition:all .2s}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #00000008}svg{vertical-align:middle;display:inline-block}.nav-button{color:#e0e0ff;cursor:pointer;box-sizing:border-box;background:0 0;border:1px solid #6f42c1;border-radius:.75rem;justify-content:center;align-items:center;min-height:40px;padding:.5rem 1rem;font-size:.95rem;font-weight:600;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex}.nav-button:hover{color:#fff;background:#6f42c126;border-color:#8a5cf6}@media (prefers-color-scheme:dark){.card{box-shadow:0 4px 6px -1px #00000026}}@keyframes gradientShift{0%{background-position:0%,100%}50%{background-position:100%,0%}to{background-position:0%,100%}}