:root{--background:#f8f8fa;--foreground:#18181a;--accent:#0071e3;--radius:18px;--font-sans:"Inter","San Francisco","SF Pro Display","Segoe UI",Arial,sans-serif;--transition:0.4s cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){:root{--background:#0a0a0c;--foreground:#f8f8fa;--accent:#2997ff}}body,html{height:100%;margin:0;padding:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:18px;font-weight:400;letter-spacing:-.01em;transition:background var(--transition),color var(--transition);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{text-decoration:underline}button{font-family:inherit;font-size:1rem;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;padding:.85em 2.2em;font-weight:600;cursor:pointer;box-shadow:0 2px 16px 0 rgba(0,0,0,.04);transition:background var(--transition),box-shadow var(--transition),transform var(--transition)}button:focus,button:hover{background:#005bb5;transform:translateY(-2px) scale(1.03);box-shadow:0 6px 32px 0 rgba(0,0,0,.1)}h1,h2,h3,h4,h5,h6{font-weight:700;margin:0 0 .5em;letter-spacing:-.03em}section{width:100%;max-width:1200px;margin:0 auto;padding:3rem 1.5rem;box-sizing:border-box}@media (max-width:600px){body,html{font-size:16px}section{padding:2rem 1rem}}