*,*:before,*:after{box-sizing:border-box}:root{--color-primary: #667eea;--color-primary-dark: #5a67d8;--color-text: #1a202c;--color-text-muted: #4a5568;--color-background: #ffffff;--color-surface: #f8fafc;--color-border: #e2e8f0;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-base: 16px;--line-height: 1.6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15)}html{font-size:var(--font-size-base);scroll-behavior:smooth}body{margin:0;font-family:var(--font-family);font-size:1rem;line-height:var(--line-height);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2;color:var(--color-text)}p{margin:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary);color:#fff}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.header h1{margin:0 0 .5rem;font-size:3rem;font-weight:700;letter-spacing:-.02em}.header .subtitle{margin:0;font-size:1.25rem;opacity:.9}.main{flex:1;padding:0}.hero{padding:4rem 2rem;text-align:center;background:#f8fafc}.hero-content{max-width:600px;margin:0 auto}.hero h2{margin:0 0 1rem;font-size:2rem;color:#1a202c}.hero p{margin:0 0 2rem;font-size:1.125rem;color:#4a5568;line-height:1.7}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.button{display:inline-block;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer}.button.primary{background:#667eea;color:#fff;border:2px solid #667eea}.button.primary:hover{background:#5a67d8;border-color:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.button.secondary{background:transparent;color:#667eea;border:2px solid #667eea}.button.secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.section{padding:4rem 2rem;max-width:800px;margin:0 auto}.section h2{margin:0 0 1.5rem;font-size:1.75rem;color:#1a202c}.section p{margin:0;color:#4a5568;line-height:1.7}.footer{padding:2rem;text-align:center;background:#1a202c;color:#a0aec0}.footer p{margin:0 0 1rem}.dev-hint{font-size:.875rem;opacity:.7}.dev-hint kbd{display:inline-block;padding:.25rem .5rem;margin:0 .125rem;background:#2d3748;border-radius:4px;font-family:monospace;font-size:.75rem}@media(max-width:640px){.header{padding:3rem 1.5rem}.header h1{font-size:2rem}.hero{padding:3rem 1.5rem}.hero h2{font-size:1.5rem}.section{padding:3rem 1.5rem}.cta-buttons{flex-direction:column;align-items:center}.button{width:100%;max-width:280px;text-align:center}}