:root{
  --bg: #0b1230;
  --bg2:#10183d;
  --card:#0f1b45;
  --text:#eaf0ff;
  --muted:#9da7c6;
  --brand:#7eb6ff;
  --accent:#3ad6ff;
  --ring: 0 0 0 3px rgba(58,214,255,.15);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:'Kanit',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif;
  color:var(--text);
  background: radial-gradient(1200px 700px at 20% 0%, #10205b 0%, var(--bg) 55%) fixed;
}
.site-header{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg, rgba(11,18,48,.95), rgba(11,18,48,.75));backdrop-filter:saturate(160%) blur(6px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:12px 20px}
.brand{font-weight:700;color:#fff;text-decoration:none;font-size:22px;letter-spacing:.5px}
.menu{list-style:none;margin:0;padding:0;display:flex;gap:18px}
.menu a{color:var(--text);text-decoration:none;padding:8px 12px;border-radius:10px}
.menu a:hover{background:rgba(255,255,255,.06)}
.menu-toggle{display:none;margin-left:auto;background:transparent;border:0;color:#fff;font-size:22px;cursor:pointer}
.container{max-width:1100px;margin:28px auto;padding:0 20px}
.card{background:linear-gradient(180deg, rgba(16,27,69,.85), rgba(16,27,69,.65));border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:22px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.title{margin:0 0 16px 0;font-size:26px;letter-spacing:.3px}
.iframe-wrap{width:100%;min-height:78vh;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:var(--bg2)}
iframe{width:100%;height:80vh;border:0;display:block}
.footer{max-width:1100px;margin:40px auto 30px;padding:0 20px;color:var(--muted);text-align:center}
.bullets{padding-left:18px}
.bullets li{margin:.35rem 0}
.contact-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px}
/* Mobile */
@media (max-width: 820px){
  .menu{display:none;flex-direction:column;gap:8px;background:rgba(11,18,48,.98);position:absolute;right:14px;top:56px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px}
  .menu.open{display:flex}
  .menu-toggle{display:block}
  .brand{margin-right:auto}
  .title{font-size:22px}
  iframe{height:72vh}
  .container{margin:16px auto}
}