:root{--primary: #0F172A;--primary-light: #1E293B;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-subtle: #EFF6FF;--text-main: #111827;--text-secondary: #4B5563;--text-light: #9CA3AF;--bg-white: #FFFFFF;--bg-surface: #F8FAFC;--bg-subtle: #F1F5F9;--success: #059669;--danger: #DC2626;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 3rem;--spacing-2xl: 5rem;--spacing-3xl: 8rem;--container-width: 1200px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-white);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;font-weight:700;color:var(--primary);letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,3.5rem)}h2{font-size:clamp(2rem,4vw,2.5rem)}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.125rem}a{text-decoration:none;color:inherit;transition:color .2s}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-lg);width:100%}.section{padding:var(--spacing-2xl) 0}.bg-surface{background-color:var(--bg-surface)}.bg-subtle{background-color:var(--bg-subtle)}.bg-dark{background-color:var(--primary);color:#fff}.text-center{text-align:center}.text-white{color:#fff}.text-accent{color:var(--accent)}.grid{display:grid;gap:var(--spacing-xl)}.grid-2,.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;transition:all .2s ease;line-height:1}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background-color:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-secondary:hover{background-color:var(--bg-subtle)}.btn-outline-white{background-color:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}.btn-outline-white:hover{background-color:#ffffff1a;border-color:#fff}.card{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000008}@media(max-width:1024px){:root{--spacing-2xl: 4rem;--spacing-3xl: 6rem;--spacing-xl: 2rem}.container{padding:0 var(--spacing-md)}.grid-2,.grid-3{grid-template-columns:1fr}}@media(max-width:640px){:root{--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem}h1{font-size:2.5rem}h2{font-size:2rem}p{font-size:1rem}.section{padding:var(--spacing-2xl) 0}.grid{gap:var(--spacing-lg)}.card{padding:var(--spacing-lg)}.btn{width:100%;min-height:48px}}