*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--secondary-color: #1e40af;--accent-color: #3b82f6;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--background: #ffffff;--surface: #f8fafc;--border: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--background);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer;font-size:.875rem}.btn.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn.btn-outline:hover{background:var(--surface);border-color:var(--primary-color)}.section{padding:5rem 0}.section.hero{padding:8rem 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;overflow:hidden}.section.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="1" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="1" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.fade-in{opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.grid{display:grid;gap:2rem}.grid.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:var(--shadow);transition:all .3s ease;border:1px solid var(--border)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.container{padding:0 1rem}.section{padding:3rem 0}.section.hero{padding:5rem 0}}