:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f0f0f0;--text-primary: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #a1a1a6;--border-primary: #e5e5e7;--border-secondary: #d1d1d6;--accent-primary: #007aff;--accent-secondary: #5ac8fa;--surface-primary: rgba(0, 0, 0, .05);--surface-secondary: rgba(0, 0, 0, .1);--shadow-primary: rgba(0, 0, 0, .1);--shadow-secondary: rgba(0, 0, 0, .05)}.theme-dark{--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-tertiary: #2d2d2f;--text-primary: #ffffff;--text-secondary: #a1a1a6;--text-tertiary: #86868b;--border-primary: #2d2d2f;--border-secondary: #3a3a3c;--surface-primary: rgba(255, 255, 255, .05);--surface-secondary: rgba(255, 255, 255, .1);--shadow-primary: rgba(0, 0, 0, .5);--shadow-secondary: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh}.app{min-height:100vh;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{font-size:1.1rem;line-height:1.6;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:980px;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;gap:8px}.btn-primary{background:#007aff;color:#fff}.btn-primary:hover{background:#0056cc;transform:translateY(-2px)}.btn-secondary{background:transparent;color:#007aff;border:1px solid #007aff}.btn-secondary:hover{background:#007aff;color:#fff}.btn-large{padding:16px 32px;font-size:1.1rem}.section{padding:80px 0}.section-header{text-align:center;margin-bottom:60px}.section-title{margin-bottom:16px}.section-subtitle{font-size:1.25rem;color:#86868b;max-width:600px;margin:0 auto}.grid{display:grid;gap:30px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--bg-primary);border-radius:16px;padding:30px;box-shadow:0 4px 20px var(--shadow-primary);border:1px solid var(--border-primary);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 40px var(--shadow-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease forwards}@media (max-width: 768px){.container{padding:0 16px}.section{padding:60px 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:40px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:40px}