/* Precompiled CSS (updated) for immediate rendering. Source: scss/ */
:root{color-scheme:light}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;color:#0f172a;line-height:1.6}
.navbar-brand{letter-spacing:.2px}
.icon-circle{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:1.25rem}
footer{background:#fff}
.py-lg-6{padding-top:3rem;padding-bottom:3rem}
@media (min-width: 992px){.py-lg-6{padding-top:4rem;padding-bottom:4rem}}
.navbar{backdrop-filter:saturate(180%) blur(8px)}
.nav-link.btn{border-radius:.6rem}
.hero{position:relative;background:#fff;padding-top:calc(4rem + 3rem);padding-bottom:3rem}
@media (min-width: 992px){.hero{padding-top:calc(4rem + 3rem);padding-bottom:4rem}}
.hero .hero-image{border-radius:1rem;box-shadow:0 .5rem 1.25rem rgba(15,23,42,.12)}
.hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(13, 110, 253, 0.08) 0%, rgba(13, 110, 253, 0) 100%);pointer-events:none}
.card{border-radius:.8rem}
.toast{border-radius:.75rem}

/* Ultra-small devices support (<300px width) */
@media (max-width: 300px){
  body{font-size:14px}
  .navbar-brand{font-size:1rem}
  .display-5{font-size:1.5rem}
  h1{font-size:1.25rem}
  .lead{font-size:.95rem}
  .container,.container-fluid{padding-left:.5rem;padding-right:.5rem}
  .btn{padding:.5rem .75rem;font-size:.9rem}
  .d-flex.gap-3{gap:.5rem !important}
  .row.g-4{--bs-gutter-x:.5rem;--bs-gutter-y:.5rem}
  .icon-circle{width:36px;height:36px;font-size:1rem}
  .hero{padding-top:5rem !important;padding-bottom:2rem !important}
  .toast{width:90vw}
  form .col-md-6{flex:0 0 100%;max-width:100%}
  img,.img-fluid{max-width:100%;height:auto}
}