:root{color-scheme:dark;--bg:#070707;--panel:#11100d;--line:#302b20;--gold:#f3ba2f;--orange:#ff8a00;--red:#f04444;--text:#f7f7f7;--muted:#a09b90}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 76% 8%,#3a2205 0,transparent 27%),radial-gradient(circle at 8% 80%,#260707 0,transparent 26%),var(--bg);color:var(--text);font-family:Inter,"Noto Sans Thai",system-ui,sans-serif}.shell{max-width:1180px;margin:auto;padding:28px 32px 22px;min-height:100vh;display:flex;flex-direction:column}nav,footer{display:flex;align-items:center;justify-content:space-between}.brand{font-size:15px;font-weight:800;letter-spacing:.18em}.brand span{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:9px;border:1px solid var(--gold);border-radius:9px;color:#0b0b0b;background:var(--gold);box-shadow:0 0 26px #f3ba2f30}.status{font-size:13px;color:var(--muted)}.status i{display:inline-block;width:8px;height:8px;margin-right:8px;background:var(--red);border-radius:50%;box-shadow:0 0 16px #f04444}.hero{padding:11vh 0 9vh;max-width:820px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.22em;font-weight:800}h1{margin:18px 0 22px;font-size:clamp(46px,7vw,88px);line-height:.98;letter-spacing:-.055em}h1 em{color:var(--gold);font-style:normal;text-shadow:0 0 45px #f3ba2f22}.lead{max-width:670px;color:#c6c1b7;font-size:clamp(17px,2vw,21px);line-height:1.7}.notice{margin-top:32px;padding:15px 18px;border-left:3px solid var(--red);background:linear-gradient(90deg,#251010,#130d0b);color:#c7bdb4;font-size:14px;line-height:1.6}.notice strong{color:#ff6b57;margin-right:6px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards article{position:relative;overflow:hidden;min-height:170px;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#17140e,#0c0b09)}.cards article:after{content:"";position:absolute;right:-30px;bottom:-45px;width:110px;height:110px;border-radius:50%;background:#f3ba2f0b}.cards b{font-size:12px;color:var(--orange)}.cards h2{font-size:19px;margin:27px 0 8px}.cards p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}footer{margin-top:auto;padding-top:46px;color:#706a5f;font-size:10px;letter-spacing:.16em}@media(max-width:720px){.shell{padding:22px 18px}.status{font-size:0}.hero{padding:10vh 0 7vh}.cards{grid-template-columns:1fr}.cards article{min-height:auto}footer span:last-child{display:none}}