*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#1e73be;--color-primary-dark:#155a96;--color-primary-light:#e8f2fc;--color-text:#2c3e50;--color-text-light:#6b7c93;--color-bg:#fff;--color-bg-alt:#f7f9fc;--color-border:#e2e8f0;--color-success:#00d084;--color-accent:#ff6b35;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #0000001f;--radius:12px;--radius-sm:8px;--max-width:1200px}html{scroll-behavior:smooth}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-dark)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{color:#fff;background:0 0;border:2px solid #fff9}.btn-outline:hover{color:#fff;background:#ffffff26;border-color:#fff}.btn-white{color:var(--color-primary);background:#fff}.btn-white:hover{background:var(--color-primary-light);color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.section{padding:80px 0}.section-alt{background:var(--color-bg-alt)}.section-title{text-align:center;color:var(--color-text);margin-bottom:16px;font-size:2rem;font-weight:700}.section-subtitle{text-align:center;color:var(--color-text-light);max-width:600px;margin:0 auto 48px;font-size:1.1rem}@media (width<=768px){.section{padding:48px 0}.section-title{font-size:1.6rem}}