:root{--bg:#050b1f;--card:#0d1936;--line:#1e2f5e;--blue:#0070d1;--blue2:#2a9dff;--text:#eef3ff;--muted:#9fb0d6;--green:#06c755}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#10266b 0,var(--bg) 60%) no-repeat,var(--bg);color:var(--text);font-family:system-ui,Noto Sans Thai,Sarabun,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.wrap{max-width:960px;margin:0 auto;padding:24px 16px}.hero{text-align:center;padding:56px 0 32px}.hero h1{font-size:clamp(2.2rem,7vw,4rem);margin:12px 0;letter-spacing:-1px}.hero h1 span{color:var(--blue2)}.hero p{color:var(--muted);font-size:1.1rem;margin:0 auto 28px;max-width:560px}.badge{display:inline-block;border:1px solid var(--line);padding:6px 14px;border-radius:99px;color:var(--blue2);font-size:.85rem}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;border:0;cursor:pointer;font:inherit;font-weight:600;padding:14px 28px;border-radius:12px;background:var(--blue);color:#fff;transition:.15s}.btn:hover{background:var(--blue2);transform:translateY(-1px)}.btn.line{background:var(--green)}.btn.line:hover{background:#25d96a}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px;margin-top:40px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.card h3{margin:0 0 6px}.card p{margin:0;color:var(--muted);font-size:.95rem}form.card{display:grid;grid-gap:16px;gap:16px;max-width:560px;margin:0 auto}label{display:grid;grid-gap:6px;gap:6px;font-size:.9rem;color:var(--muted)}input,select,textarea{font:inherit;background:#07122b;border:1px solid var(--line);color:var(--text);padding:12px;border-radius:10px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue2);border-color:transparent}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.err{background:#3a1220;border:1px solid #7a2540;color:#ffb3c6;padding:10px 14px;border-radius:10px}.ok{text-align:center;max-width:560px;margin:40px auto}.ok .tick{font-size:3rem}table{width:100%;border-collapse:collapse;font-size:.92rem}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600;white-space:nowrap}.scroll{overflow-x:auto}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.pill{padding:3px 10px;border-radius:99px;font-size:.78rem;background:#223a73;white-space:nowrap}.pill.confirmed{background:#0b5a33}.pill.cancelled{background:#6b1d33}.inline{display:inline;white-space:nowrap}.sm{padding:6px 12px;font-size:.8rem;border-radius:8px}.hero2{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:24px;gap:24px;align-items:center;padding:40px 0 16px}.hero2 h1{font-size:clamp(2.2rem,6vw,3.8rem);line-height:1.1;margin:14px 0;letter-spacing:-1px}.hero2 h1 span{background:linear-gradient(90deg,#6fc3ff,#0070d1);-webkit-background-clip:text;background-clip:text;color:transparent}.hero2 p{color:var(--muted);font-size:1.1rem;margin:0 0 24px;max-width:480px}.hero-art{position:relative;display:grid;place-items:center}.halo{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#0070d1aa,transparent 65%);filter:blur(20px);animation:pulse 4s ease-in-out infinite}.art-ps5{position:relative;width:min(100%,340px);filter:drop-shadow(0 20px 40px #0070d166);animation:float 5s ease-in-out infinite}.art-pad{width:100%;max-width:300px;filter:drop-shadow(0 12px 30px #0070d166)}.cta{display:grid;grid-template-columns:auto 1fr;grid-gap:28px;gap:28px;align-items:center;margin-top:40px;background:linear-gradient(120deg,#0d1936,#10306e)}.cta h2{margin:0 0 6px}.cta p{color:var(--muted);margin:0 0 16px}.symbols span{position:fixed;font-size:3rem;font-weight:700;opacity:.12;pointer-events:none;animation:float 7s ease-in-out infinite}.s1{top:12%;left:6%;color:#4ade80}.s2{top:20%;right:8%;color:#f87171;animation-delay:1s!important}.s3{bottom:18%;left:10%;color:#60a5fa;animation-delay:2s!important}.s4{bottom:10%;right:12%;color:#f0abfc;animation-delay:3s!important}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@media(max-width:720px){.hero2{grid-template-columns:1fr;text-align:center}.hero2 p{margin-inline:auto}.hero2 .actions{justify-content:center!important}.cta{grid-template-columns:1fr;text-align:center}.art-pad{margin:auto}}.ok-msg{background:#0b2e22;border:1px solid #0b5a33;color:#9af0c3;padding:10px 14px;border-radius:10px}