:root{--color-primary: #0077B6;--color-accent: #2EC4B6;--color-dark: #023E8A;--color-bg: #F4F9FB;--color-text: #0B1F33;--radius-lg: 24px;--shadow-soft: 0 18px 40px rgba(2, 62, 138, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:SF Pro Display,SF Pro Text,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(46,196,182,.1),transparent 45%),var(--color-bg);color:var(--color-text);line-height:1.6}a{color:inherit}img{max-width:100%}.container{width:min(1120px,90vw);margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:600;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:0 12px 24px #0077b640}.btn-primary:hover{transform:translateY(-2px)}.btn-outline{border-color:#023e8a33;background:#ffffffb3;color:var(--color-dark)}.btn-outline:hover{transform:translateY(-2px)}.page{padding:80px 0 110px}.page__header h1{margin:0 0 12px;font-size:clamp(2rem,3.5vw,3rem);color:var(--color-dark)}.page__header p{margin:0 0 28px;color:#0b1f33b3}.page__content h2{margin:32px 0 12px;color:var(--color-dark)}.page__content p{margin:0 0 18px;color:#0b1f33bf}