:root{
  --brand-50:#f5f7ff;
  --brand-100:#e6edff;
  --brand-300:#98b2ff;
  --brand-500:#4c6ef5;
  --brand-700:#2a46c4;
  --text-dark:#0f172a;
  --muted:#6b7280;
}
html{font-size:16px}
body{min-height:100vh;color:var(--text-dark);background-color:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial}
.container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}
img,video{max-width:100%;height:auto;display:block;object-fit:cover}
button, [role="button"], a{font-family:inherit}
:focus{outline:0}
:focus-visible{outline:2px solid rgba(76,110,245,0.15);box-shadow:0 0 0 4px rgba(76,110,245,0.12);border-radius:8px}
a{color:inherit}
.iconify{display:inline-flex;align-items:center;justify-content:center}
header .iconify{color:var(--brand-500)}
.rounded-2xl{border-radius:1rem}
.rounded-xl{border-radius:.75rem}
.shadow-md{box-shadow:0 6px 18px rgba(9,30,66,0.06)}
.shadow-lg{box-shadow:0 12px 30px rgba(9,30,66,0.08)}
.grid-cols-12{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}
@media (max-width:1024px){.grid-cols-12{grid-template-columns:repeat(1,1fr)}}
.mobile-menu-open{overflow:hidden;height:100%}
.fixed-inset-0{position:fixed;inset:0}
#mobileMenu{transition:opacity .28s ease,transform .28s ease}
#mobileMenu.hidden{opacity:0;transform:translateY(-6px);pointer-events:none}
#mobileMenu:not(.hidden){opacity:1;transform:translateY(0)}
#mobileMenu > div{max-width:640px}
.cookie-anim{transition:transform .28s cubic-bezier(.2,.9,.2,1),opacity .28s ease}
#cookie{transition:opacity .28s ease,transform .28s ease}
#cookie.hidden{opacity:0;transform:translateY(12px);pointer-events:none}
.card-hover{transition:transform .24s ease,box-shadow .24s ease}
.card-hover:hover{transform:translateY(-6px)}
.btn-primary{background-image:linear-gradient(90deg,var(--brand-500),var(--brand-700));color:#fff;padding:.75rem 1.25rem;border-radius:9999px;display:inline-flex;align-items:center;gap:.5rem}
.btn-secondary{background:#fff;border:1px solid #e6e9ef;padding:.65rem 1rem;border-radius:9999px}
.btn-disabled{opacity:.5;pointer-events:none}
.footer-links a{transition:color .18s ease}
.tablet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media (max-width:640px){.tablet-grid{grid-template-columns:repeat(1,1fr)}}
.kv{font-weight:600;color:var(--brand-700)}
.h-80{height:20rem}
.h-72{height:18rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}