:root{--bg:#ffffff;--text:#111827;--muted:#6b7280;--card:#ffffff;--border:#e5e7eb}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}
.wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px 80px}
.coming-soon{font-size:clamp(26px,3vw,38px);font-weight:750;letter-spacing:.2px;margin:0 0 18px;color:#111}
.mockup{width:min(980px,96vw);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.12);border:1px solid var(--border);overflow:hidden;background:var(--card)}
.mockup img{width:100%;height:auto;display:block}
.footer-bar{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding:14px 16px}
.footer-inner{max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.contact-link{text-decoration:none;color:#0b63ce;font-weight:650}
.contact-link:hover{text-decoration:underline}
.counter{display:flex;align-items:baseline;gap:10px;font-weight:700}
.counter .label{color:var(--muted);font-weight:650}
.counter .number{font-size:26px;letter-spacing:.5px}
@media (max-width:560px){.footer-inner{flex-direction:column;align-items:flex-start}.counter .number{font-size:24px}}
.header-logo{width:min(360px,80vw);margin:20px auto 10px;display:block}
.form-wrap{width:min(760px,96vw);margin:10px auto 80px;border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 8px 22px rgba(0,0,0,.08)}
.form-title{margin:0 0 10px;font-size:22px;font-weight:750}
.form-sub{margin:0 0 16px;color:var(--muted)}
label{display:block;font-weight:650;margin:10px 0 6px}
input,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:16px}
textarea{min-height:140px;resize:vertical}
.btn{margin-top:14px;background:#0b63ce;color:white;border:none;border-radius:12px;padding:11px 14px;font-weight:750;cursor:pointer}
.btn:hover{filter:brightness(0.95)}
.small-note{margin-top:10px;color:var(--muted);font-size:13px}
.top-nav{width:min(980px,96vw);display:flex;justify-content:flex-start;margin:10px auto 0}
.back-link{text-decoration:none;color:#0b63ce;font-weight:650}
.alert{margin:0 0 14px;padding:10px 12px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;border-radius:12px;font-weight:650}
