:root{--color-background: #0f172a;--color-surface: #1e293b;--color-border: #334155;--color-primary: #3b82f6;--color-primary-rgb: 59, 130, 246;--color-primary-hover: #2563eb;--color-text: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--radius-small: 12px;--radius-medium: 18px;--radius-large: 20px;--radius-pill: 999px;--transition-default: .3s;--navbar-height: 80px}.button{display:inline-flex;justify-content:center;align-items:center;padding:1rem 2rem;border:1px solid transparent;border-radius:var(--radius-small);font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition-default)}.button:hover{transform:translateY(-3px)}.button--primary{background:var(--color-primary);color:var(--color-text)}.button--primary:hover{background:var(--color-primary-hover)}.button--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.button--secondary:hover{border-color:var(--color-primary)}.card{padding:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-medium);transition:var(--transition-default)}.card:hover{transform:translateY(-8px);border-color:var(--color-primary)}.section-title{margin-top:1rem;color:var(--color-text);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2}.section-subtitle{max-width:700px;margin-top:1.5rem;margin-bottom:4rem;color:var(--color-text-muted);line-height:1.8}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{min-height:100vh;background:var(--color-background);color:var(--color-text);font-family:Inter,sans-serif}app-root{display:block;min-height:100vh}.section-title{margin-bottom:1rem;font-size:2.75rem;font-weight:700;text-align:center}.section-subtitle{max-width:700px;margin:0 auto 4rem;text-align:center;color:var(--color-text-secondary);line-height:1.8}