:root{--primary: #0066cc;--secondary: #6B21A8;--text-main: #111827;--text-muted: #4B5563;--bg-light: #F9FAFB;--bg-white: #FFFFFF;--accent-blue: #EBF5FF;--accent-purple: #FAF5FF;--accent-cyan: #ECFEFF;--border-color: #E5E7EB;--max-width: 1280px;--font-family: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);color:var(--text-main);background-color:var(--bg-white);line-height:1.5;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}h1{font-size:2.5rem;font-weight:700;line-height:1.2}h2{font-size:2rem;font-weight:700}h3{font-size:1.25rem;font-weight:600}.text-center{text-align:center}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;background-color:var(--accent-blue);color:var(--primary);margin-bottom:1rem}.grid{display:grid;gap:1.5rem}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.grid-3,.grid-2{grid-template-columns:1fr}h1{font-size:1.75rem}h2{font-size:1.5rem}}.btn-primary{background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:opacity .2s}.btn-primary:hover{opacity:.9}.section-padding{padding:4rem 0}@media (max-width: 768px){.section-padding{padding:2.5rem 0}body{background:linear-gradient(180deg,#efe9fb,#fff);background-repeat:no-repeat;background-attachment:fixed;min-height:100vh}}