/* Remove this comment before deployment - tailwind handles most styles */
:root{
  color-scheme: light;
}
html,body{
  height:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body{
  margin:0;
  background-attachment:fixed;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  line-height:1.5;
  -webkit-text-size-adjust:100%;
}
img{max-width:100%;height:auto;display:block;object-fit:cover}
.container{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}
.focus-ring{outline:none}
:focus-visible{box-shadow:0 0 0 3px rgba(11,132,255,0.22);border-radius:8px}
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible{box-shadow:0 0 0 3px rgba(11,132,255,0.18);border-radius:8px}
#mobileMenu{transition:opacity 320ms ease, transform 320ms ease}
#mobileMenu.open{display:block}
#mobileBackdrop{transition:opacity 320ms ease}
#mobileMenu nav{transform-origin:center;transition:transform 320ms cubic-bezier(.2,.8,.2,1),opacity 280ms ease}
#mobileMenu.open nav{transform:translateY(0);opacity:1}
#mobileMenu:not(.open) nav{transform:translateY(8px);opacity:0}
body.lock-scroll{overflow:hidden;height:100vh}
.cookie-accepted{display:none!important}
.cookie-hidden{opacity:0;transform:translateY(6px);pointer-events:none}
.card-media{border-radius:12px;overflow:hidden}
.rounded-2xl{border-radius:1rem}
.shadow-soft{box-shadow:0 8px 24px rgba(16,24,40,0.06)}
.btn-disabled{opacity:0.6;cursor:not-allowed}
.small-caption{font-size:0.875rem;color:#475569}
.hero-gradient{background-image:linear-gradient(135deg, rgba(11,132,255,0.06) 0%, rgba(11,132,255,0.03) 50%, rgba(99,102,241,0.03)100%)}
@media (max-width:640px){.container{padding-left:0.75rem;padding-right:0.75rem}}
@media (prefers-reduced-motion:reduce){*{animation-duration:0.001ms!important;transition-duration:0.001ms!important;scroll-behavior:auto!important}}