*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}#root{min-height:100svh}:root{--bg: #07111f;--bg-soft: #0c1a2e;--card: rgba(12, 24, 42, .72);--line: rgba(148, 175, 202, .18);--text: #d7e3f0;--muted: #8aa0b8;--heading: #f4f8fc;--accent: #f4b942;--accent-2: #3ecfb4;--shadow: 0 24px 80px rgba(0, 0, 0, .35);--sans: "Be Vietnam Pro", system-ui, "Segoe UI", sans-serif}.page{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;place-items:center;padding:28px 20px;overflow:hidden;font-family:var(--sans);color:var(--text);background:radial-gradient(1200px 700px at 50% -10%,#163152 0%,var(--bg) 55%)}.bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,175,202,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,175,202,.06) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse at center,black 35%,transparent 78%);mask-image:radial-gradient(ellipse at center,black 35%,transparent 78%)}.orb{position:absolute;border-radius:50%;filter:blur(48px);opacity:.45}.orb--one{width:280px;height:280px;top:8%;left:12%;background:#1f6f7a;animation:drift 14s ease-in-out infinite}.orb--two{width:340px;height:340px;right:8%;bottom:6%;background:#8a5a14;animation:drift 18s ease-in-out infinite reverse}.brand{display:flex;align-items:center;gap:10px;justify-self:start;width:min(720px,100%)}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-weight:700;letter-spacing:.02em;color:#1a1304;background:linear-gradient(135deg,var(--accent),#ffe08a)}.brand-name{font-weight:700;letter-spacing:.18em;font-size:13px;color:var(--heading)}.card{width:min(720px,100%);padding:48px 40px 40px;text-align:center;border:1px solid var(--line);border-radius:28px;background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#14352f;background:linear-gradient(135deg,var(--accent-2),#9af0df)}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#0b3d36;box-shadow:0 0 0 4px #0b3d362e;animation:pulse 1.6s ease-in-out infinite}h1{margin:8px 0 12px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;letter-spacing:-.03em;color:var(--heading)}.subtitle{margin:0 0 12px;font-size:1.05rem;color:#c9d8e8}.description{margin:0 auto 28px;max-width:52ch;color:var(--muted);line-height:1.7}.gears{position:relative;height:132px;margin:28px 0 8px}.gear{position:absolute;color:var(--accent);opacity:.92;filter:drop-shadow(0 8px 16px rgba(244,185,66,.18))}.gear--lg{width:108px;height:108px;left:calc(50% - 78px);top:8px;animation:spin 12s linear infinite}.gear--md{width:72px;height:72px;left:calc(50% + 10px);top:4px;color:var(--accent-2);animation:spin 8s linear infinite reverse}.gear--sm{width:42px;height:42px;left:calc(50% + 54px);top:68px;color:#9ec3e6;animation:spin 6s linear infinite}.countdown{margin:0 auto 28px}.countdown-label,.countdown-note{margin:0 0 14px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.countdown-units{display:flex;justify-content:center;align-items:center;gap:8px}.countdown-group{display:flex;align-items:center;gap:8px}.countdown-box{min-width:84px;padding:14px 10px 10px;border-radius:16px;background:#07111fb3;border:1px solid var(--line)}.countdown-value{display:block;font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--heading)}.countdown-unit{display:block;margin-top:2px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.countdown-sep{font-size:1.4rem;font-weight:700;color:var(--accent);transform:translateY(-8px)}.contact{display:inline-flex;flex-direction:column;gap:2px;padding:12px 22px;border-radius:14px;text-decoration:none;color:#1a1304;background:linear-gradient(135deg,var(--accent),#ffe08a);font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.contact span{font-size:12px;font-weight:500;opacity:.8}.contact:hover{transform:translateY(-2px);box-shadow:0 12px 24px #f4b94247}.footer{font-size:13px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45}}@keyframes drift{50%{transform:translate(24px,-18px) scale(1.08)}}@media(max-width:640px){.card{padding:36px 20px 28px;border-radius:22px}.countdown-box{min-width:68px;padding:12px 6px 8px}.countdown-value{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){.gear,.orb,.badge:before{animation:none}}