@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Prompt:wght@400;500;600;700;800&display=swap";
:root{--brand-blue-950:#061b36;--brand-blue-900:#072447;--brand-blue-800:#0a3a72;--brand-blue-700:#0f4b8d;--brand-blue-600:#145ca3;--brand-gold-500:#f2b735;--brand-gold-400:#ffd45a;--ink:#0b1f38;--muted:#60738a;--surface:#fff;--surface-soft:#f3f7fb;--line:#0a3a721f;--radius:8px;--font:"Prompt", "Noto Sans Thai", "Inter", sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);font-family:var(--font);background:radial-gradient(circle at 18% 12%, #ffd45a38, transparent 28%), radial-gradient(circle at 86% 18%, #145ca32e, transparent 30%), linear-gradient(180deg, #fff 0%, var(--surface-soft) 100%);margin:0}a{color:inherit;text-decoration:none}.under-construction-page{place-items:center;min-height:100vh;padding:24px;display:grid;overflow:hidden}.construction-shell{border-radius:var(--radius);background:linear-gradient(135deg,#ffffffe6,#f3f7fbd1),radial-gradient(circle at 78% 25%,#ffd45a2e,#0000 24%);border:1px solid #ffd45a47;grid-template-rows:auto 1fr auto;gap:clamp(36px,7vw,72px);width:min(1120px,100%);min-height:min(760px,100vh - 48px);padding:clamp(20px,4vw,42px);display:grid;box-shadow:0 32px 80px #07244724}.construction-header,.construction-footer{justify-content:space-between;align-items:center;gap:18px;display:flex}.brand-mark{justify-content:center;align-items:center;width:72px;height:72px;display:inline-flex}.brand-mark img{object-fit:contain;width:100%;height:100%}.contact-link,.primary-action,.secondary-action{border-radius:var(--radius);white-space:nowrap;justify-content:center;align-items:center;min-height:46px;font-size:14px;font-weight:800;display:inline-flex}.contact-link,.secondary-action{border:1px solid var(--line);color:var(--brand-blue-800);background:#ffffffb8;padding:0 16px}.construction-grid{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:center;gap:clamp(28px,6vw,72px);display:grid}.hero-panel{max-width:720px}.status-line{color:var(--brand-blue-700);letter-spacing:.02em;align-items:center;gap:10px;font-size:13px;font-weight:800;display:inline-flex}.status-line span{background:var(--brand-gold-500);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 8px #f2b73529}.status-line p{margin:0}h1{max-width:780px;color:var(--brand-blue-900);letter-spacing:0;margin:20px 0 0;font-size:clamp(48px,8vw,96px);font-weight:800;line-height:.98}.hero-copy{color:#31506f;max-width:620px;margin:28px 0 0;font-size:clamp(16px,2vw,19px);line-height:1.8}.actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.primary-action{color:var(--brand-blue-950);background:linear-gradient(135deg, var(--brand-gold-400), var(--brand-gold-500));border:1px solid #ffd45aad;padding:0 20px;box-shadow:0 18px 38px #f2b7353d}.progress-card{border-radius:var(--radius);color:#f7fbff;background:radial-gradient(circle at 20% 10%,#ffd45a2e,#0000 28%),linear-gradient(#0a3a72fa,#061b36fa);border:1px solid #ffd45a3d;padding:22px;box-shadow:0 28px 70px #0724473d}.progress-card-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.progress-card-head span{color:#f7fbffa3;font-size:13px;font-weight:700}.progress-card-head strong{color:var(--brand-gold-400);font-size:18px}.progress-track{background:#ffffff1f;border-radius:999px;height:10px;margin-top:26px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--brand-gold-400), var(--brand-gold-500));width:68%;height:100%;display:block}.status-list{gap:14px;margin:26px 0 0;padding:0;list-style:none;display:grid}.status-list li{border-radius:var(--radius);color:#f7fbffdb;background:#ffffff14;border:1px solid #ffd45a29;align-items:center;gap:12px;min-height:48px;padding:12px;font-size:14px;font-weight:700;display:flex}.status-list li span{background:var(--brand-gold-400);border-radius:999px;flex:0 0 10px;width:10px;height:10px}.construction-footer{color:var(--muted);font-size:13px;font-weight:700}.construction-footer small{font-size:12px;font-weight:600}@media (max-width:840px){.under-construction-page{place-items:stretch stretch;padding:12px}.construction-shell{min-height:calc(100vh - 24px)}.construction-grid{grid-template-columns:1fr}.progress-card{max-width:520px}}@media (max-width:560px){.construction-header,.construction-footer,.actions{flex-direction:column;align-items:flex-start}.brand-mark{width:62px;height:62px}.contact-link,.primary-action,.secondary-action{width:100%}h1{font-size:44px}}
