*{box-sizing:border-box}body{margin:0;min-width:320px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{text-decoration:none}:root{--color-primary: #3f84e5;--color-surface: #f0e2e7;--color-accent: #b20d30;--color-accent-secondary: #c17817;--color-text: #3f784c}.app{min-height:100vh;background:linear-gradient(135deg,var(--color-surface),#ffffff 65%);color:var(--color-text)}.app-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:var(--color-primary);color:#fff;box-shadow:0 2px 12px #3f784c33}.brand{font-size:1.3rem;font-weight:700}.nav-links{display:flex;gap:.75rem;flex-wrap:wrap}.nav-links a{color:#fff;background-color:#ffffff24;padding:.45rem .8rem;border-radius:999px;transition:background-color .2s ease,transform .2s ease}.nav-links a:hover{background-color:var(--color-accent);transform:translateY(-1px)}.hero{max-width:900px;margin:0 auto;padding:5rem 2rem;text-align:center}.hero h1{margin:0;font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;color:var(--color-accent-secondary)}.hero p{margin:1rem auto 0;max-width:620px;font-size:1.1rem}@media(max-width:640px){.app-header{padding:1rem;align-items:flex-start;flex-direction:column;gap:.75rem}}