:root{--color-primary: #0A84FF;--color-primary-light: #5AC8FA;--color-primary-dark: #0064D1;--color-secondary: #8E8E93;--color-secondary-light: #C7C7CC;--color-secondary-dark: #636366;--color-accent: #64D2FF;--color-accent-light: #9BE3FF;--color-accent-dark: #30B0FF;--color-success: #34C759;--color-warning: #FF9500;--color-error: #FF3B30;--color-background: #FFFFFF;--color-background-alt: #F2F2F7;--color-text: #1D1D1F;--color-text-light: #86868B;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--space-xxxl: 64px;--transition-fast: .2s;--transition-medium: .3s;--transition-slow: .5s}@media (prefers-color-scheme: dark){:root{--color-background: #1D1D1F;--color-background-alt: #2C2C2E;--color-text: #F5F5F7;--color-text-light: #9898A0}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:var(--space-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast) ease}a:hover{color:var(--color-primary-dark)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}section{padding:var(--space-xxl) 0}.section-title{text-align:center;margin-bottom:var(--space-xxl);position:relative}.section-title:after{content:"";display:block;width:60px;height:4px;background-color:var(--color-primary);margin:var(--space-sm) auto 0}.btn{display:inline-block;padding:var(--space-sm) var(--space-lg);background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast) ease,transform var(--transition-fast) ease}.btn:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.btn.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn.btn-outline:hover{background-color:var(--color-primary);color:#fff}.fade-in{opacity:0;animation:fadeIn var(--transition-medium) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}section{padding:var(--space-xl) 0}.section-title{margin-bottom:var(--space-xl)}}