:root{
    --bg: #f6f8fb;
    --card: #ffffff;
    --muted: #6b7280;
    --brand: #0b65a6;
    --accent: #f59e0b;
    --glass: rgba(255,255,255,0.6);
    --shadow: 0 6px 20px rgba(11,101,166,0.08);
}

*{box-sizing:border-box}
body{
    margin:0;
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    background: linear-gradient(180deg, var(--bg), #eef3f8 60%);
    color:#0f1724;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.container{max-width:1100px;margin:0 auto;padding:1rem}

.site-header{background:var(--brand);color:#fff;padding:2rem 1rem}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.header-inner h1{margin:0;font-size:1.6rem}
.header-inner .lead{margin:0.25rem 0;color:rgba(255,255,255,0.9);font-weight:500}
.logo{height:56px;opacity:0.95}

.hero{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;margin-top:1.5rem;align-items:start}

.countdown-card{background:var(--card);padding:1.5rem;border-radius:12px;box-shadow:var(--shadow);text-align:center}
.countdown-card h2{margin:0 0 0.5rem 0;font-size:1.25rem}
.countdown{display:flex;justify-content:center;gap:0.75rem;margin:0.75rem 0}
.time-part{background:linear-gradient(180deg,#f8fafc,#ffffff);padding:0.8rem 1rem;border-radius:10px;min-width:72px}
.number{display:block;font-size:1.45rem;font-weight:700;color:var(--brand)}
.label{display:block;font-size:0.75rem;color:var(--muted);margin-top:0.25rem}
.muted{color:var(--muted);font-size:0.9rem;margin-top:0.5rem}
.status{margin-top:0.5rem;color:var(--accent);font-weight:600}

.info-card{background:var(--card);padding:1.25rem;border-radius:12px;box-shadow:var(--shadow);text-align:left}
.info-card h3{margin-top:0}
.info-card p{color:var(--muted);line-height:1.5}
.info-card .btn{display:inline-block;background:var(--brand);color:#fff;padding:0.6rem 0.85rem;border-radius:8px;border:none;cursor:pointer}
.info-card label{display:block;margin-bottom:0.25rem;font-size:0.9rem}
.info-card input[type=email]{width:100%;padding:0.5rem;border-radius:8px;border:1px solid #e6eef7;margin-bottom:0.5rem}
.feedback{font-size:0.9rem;color:var(--brand);min-height:1.2rem}
.links{padding-left:1rem}
.links a{color:var(--brand);text-decoration:none}

.faq-section{margin-top:1.25rem;background:transparent}
.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.faq{background:var(--card);padding:1rem;border-radius:12px;box-shadow:var(--shadow);text-align:left}
.faq h3{margin-top:0}

.site-footer{margin-top:1.5rem;padding:1rem 0}
.footer-inner{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:0.9rem}

@media (max-width:900px){
    .hero{grid-template-columns:1fr}
    .faq-grid{grid-template-columns:1fr 1fr}
    .header-inner{flex-direction:row}
}
@media (max-width:600px){
    .faq-grid{grid-template-columns:1fr}
    .header-inner{flex-direction:column;align-items:flex-start}
    .logo{height:44px}
}

.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}