:root{
  --bg:#f7fafc;
  --card:#ffffff;
  --accent:#2563eb;
  --muted:#6b7280;
  --radius:12px;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#0f172a;line-height:1.45}
.container{max-width:1000px;margin:0 auto;padding:1.5rem}
.site-header{background:linear-gradient(90deg, #ffffff 0%, #f1f5f9 100%);box-shadow:0 2px 8px rgba(2,6,23,0.04)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}
.logo{font-weight:800;letter-spacing:-0.5px}
.nav a{margin-left:1rem;color:var(--muted);text-decoration:none}
.nav a:hover{color:var(--accent)}
.hero{padding:4rem 1.5rem;text-align:center}
.hero h2{font-size:2rem;margin:0 0 .5rem}
.lead{color:var(--muted);margin-bottom:1.25rem}
.actions{display:flex;gap:.75rem;justify-content:center}
.btn{padding:.625rem 1rem;border-radius:10px;text-decoration:none;background:transparent;border:1px solid rgba(15,23,42,0.06);color:#0f172a}
.btn.primary{background:var(--accent);color:white;border:none}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:2rem 1.5rem}
.card{background:var(--card);border-radius:var(--radius);padding:1.25rem;box-shadow:0 6px 20px rgba(2,6,23,0.04)}
.card h3{margin-top:0}
.site-footer{padding:1rem 0;background:transparent;color:var(--muted)}
.centered{text-align:center}

.eyebrow{display:inline-block;margin-bottom:.85rem;padding:.35rem .7rem;border-radius:999px;background:#dbeafe;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.section-heading{max-width:760px;margin:0 auto 1rem}
.section-heading h3{margin:.15rem 0 .6rem;font-size:1.8rem}

.hero-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.95fr);gap:1.5rem;align-items:stretch;padding-top:3rem;padding-bottom:2rem;text-align:left}
.hero-copy{display:flex;flex-direction:column;justify-content:center}
.hero-copy h2{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.05;margin:0 0 1rem;max-width:12ch}
.hero-copy .lead{max-width:60ch;font-size:1.05rem}
.hero-actions{justify-content:flex-start;flex-wrap:wrap;margin-bottom:1rem}
.hero-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.75rem}
.hero-highlight{padding:1rem 1.1rem;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.hero-highlight strong{display:block;margin-bottom:.35rem}
.hero-highlight p{margin:0;color:var(--muted)}

.hero-panel{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#ffffff 0%,#eff6ff 100%);border:1px solid rgba(37,99,235,0.08)}
.hero-panel-top{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}
.hero-panel-label{margin:0;color:var(--muted);font-weight:600}
.hero-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-bottom:1rem}
.hero-stat-grid div{padding:.85rem;border-radius:10px;background:rgba(255,255,255,0.8);border:1px solid rgba(15,23,42,0.05)}
.hero-stat-grid strong{display:block;font-size:1.05rem;margin-bottom:.2rem}
.hero-stat-grid span{display:block;color:var(--muted);font-size:.92rem}
.hero-panel-note{padding-top:.5rem;border-top:1px solid rgba(15,23,42,0.06)}
.hero-panel-note p{margin:.1rem 0 .6rem;color:var(--muted)}
.text-link{color:var(--accent);text-decoration:none;font-weight:600}
.text-link:hover{text-decoration:underline}

.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.feature-card{height:100%}
.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;margin-bottom:.9rem;border-radius:12px;background:#eff6ff;font-size:1.25rem}

.info-strip{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-bottom:1.5rem;background:linear-gradient(90deg,#ffffff 0%,#f8fafc 100%)}
.info-strip h3{margin:.2rem 0 .5rem;font-size:1.5rem}
.info-strip p{margin:0;color:var(--muted);max-width:60ch}
.info-strip-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}

.legal-links a{color:var(--muted);text-decoration:none;margin:0 .25rem}
.legal-links a:hover{color:var(--accent)}

/* cookie consent */
.cookie-consent{display:none;position:fixed;left:0;right:0;bottom:18px;background:#ffffff;border-radius:10px;box-shadow:0 10px 30px rgba(2,6,23,0.08);padding:.75rem}
.cookie-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.cookie-inner p{margin:0;color:var(--muted)}
.cookie-actions{display:flex;gap:.5rem}

/* form styles */
.form-card{padding:1.5rem}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.form-group{display:flex;flex-direction:column;margin-bottom:.75rem}
.form-group input,.form-group textarea{border:1px solid #e6e9ef;padding:.6rem .75rem;border-radius:8px;font-size:0.95rem}
.form-group label{font-weight:600;margin-bottom:.35rem}
.form-actions{display:flex;gap:.5rem;align-items:center;margin-top:.75rem}
.required{color:var(--accent)}
.hint{font-size:0.85rem;color:var(--muted)}

@media (max-width:700px){
  .form-grid{grid-template-columns:1fr}
  .cookie-inner{flex-direction:column;align-items:stretch}
  .hero{padding-top:2.5rem}
  .hero-highlights,.hero-stat-grid{grid-template-columns:1fr}
  .info-strip{flex-direction:column;align-items:flex-start}
  .info-strip-actions{justify-content:flex-start}
}

.status-result{margin-top:1.5rem;padding:1.25rem}
.status-result .badge{font-size:1rem;padding:.4rem .9rem}


.badge{display:inline-block;padding:.25rem .5rem;border-radius:999px;font-weight:600;font-size:.86rem}
.badge.pending{background:#fef3c7;color:#92400e}
.badge.approved{background:#dcfce7;color:#166534}
.badge.rejected{background:#fee2e2;color:#991b1b}
.admin-actions .btn{padding:.4rem .6rem}



/* responsive */
@media (min-width:900px){
  .hero h2{font-size:2.4rem}
}

@media (max-width:900px){
  .hero-split{grid-template-columns:1fr}
}