html{scroll-behavior:smooth}:root{--color-bg-dark: #071421;--color-bg-section: #0f2133;--color-bg-light: #f5f7fa;--color-primary: #0b5fff;--color-accent: #ff8b3d;--color-alert: #e53935;--color-text-main: #f5f7fa;--color-text-dark: #0a1220}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--color-bg-dark);color:var(--color-text-main)}.app-root{min-height:100vh;background:radial-gradient(circle at top left,#163454 0,#071421 55%,#030712);color:var(--color-text-main)}.section{padding:5rem 7vw}.section--light{background-color:var(--color-bg-light);color:var(--color-text-dark)}.section--mid{background-color:var(--color-bg-section)}.section__title{font-size:1.9rem;margin-bottom:1rem}.section__subtitle{max-width:720px;margin-bottom:2rem;opacity:.9}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:999px;border:none;background:linear-gradient(135deg,var(--color-primary),#4b8dff);color:#fff;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-secondary{display:inline-flex;align-items:center;gap:.4rem;padding:.8rem 1.4rem;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:transparent;color:inherit;font-weight:500;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background-color .15s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #0f172a8c}.btn-secondary:hover{transform:translateY(-1px);border-color:#fff6;background-color:#0f172a59}.grid-2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:3rem;align-items:center}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.5rem}.card{border-radius:1rem;padding:1.4rem 1.6rem;background:#040a14e6;border:1px solid rgba(255,255,255,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.card--light{background:#fff;border:1px solid #dde3f0}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0f172a80;border-color:#94a3b899}.card--light:hover{background-color:#fff;border-color:#c3cde4}.card__icon{width:2.4rem;height:2.4rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.75rem;font-size:1.2rem}.card__title{font-weight:600;margin-bottom:.5rem}.card__text{font-size:.95rem;opacity:.9}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:999px;font-size:.75rem;letter-spacing:.03em;text-transform:uppercase}.badge--accent{background:#ff8b3d29;color:var(--color-accent)}.badge--alert{background:#e5393529;color:var(--color-alert)}.nav-link{position:relative;padding-bottom:.15rem}.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .18s ease}.nav-link:hover:after{width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.section{padding:5rem 7vw;animation:fadeInUp .6s ease forwards}@media (max-width: 900px){.grid-2{grid-template-columns:minmax(0,1fr)}}