@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800&display=swap');:root{--bg:#0d041a;--panel:#1b082f;--panel2:#260d41;--gold:#ffd26e;--gold2:#c88827;--violet:#ac4de6;--text:#f9f0ff;--muted:#d2bfe0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 55% 10%,#37104f 0%,transparent 34%),var(--bg);color:var(--text);font-family:Kanit,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.lights{height:7px;background:repeating-linear-gradient(90deg,#ffbf44 0 9px,#f537b8 9px 18px,#6a20e0 18px 27px,#ffe5a6 27px 36px);box-shadow:0 0 22px #ee57f8;position:relative;z-index:4}.site-header{background:linear-gradient(180deg,#24063f,#10041f);border-bottom:2px solid #bf7c26}.festival{max-width:1460px;margin:auto;min-height:150px;padding:18px 24px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.festival:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 15%,#9e31cc44,transparent 40%),radial-gradient(circle at 76% 35%,#f3a62033,transparent 25%);pointer-events:none}.festival-art{position:absolute;inset:0;display:flex;justify-content:space-evenly;align-items:center;font-size:72px;opacity:.16;pointer-events:none}.festival-art span{font-size:40px;color:var(--gold)}.brand{z-index:1;min-width:330px;text-align:center;transform:rotate(-2deg);filter:drop-shadow(0 0 12px #ec4dbe77)}.brand-th{display:block;color:#ffda7b;font-size:clamp(27px,3.5vw,52px);font-weight:800;line-height:1.15;text-shadow:2px 3px #8d2b21,0 0 16px #d33cbd}.brand-en{display:block;color:#ffe5a4;font-weight:700;letter-spacing:4px;font-size:17px}.tagline{margin:auto;z-index:1;color:#ffe2a0;font-size:20px;font-style:italic;text-align:center;text-shadow:0 0 12px #eea74b}.account{display:flex;gap:10px;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:10px;font-weight:600;cursor:pointer;border:1px solid #bb76d7;transition:transform .2s,filter .2s;white-space:nowrap}.btn:hover,.sub:hover{transform:translateY(-2px);filter:brightness(1.15)}.btn-outline{background:#170b2e;color:#ffe6a8}.btn-gold{background:linear-gradient(120deg,#fff0b3,#e4a83c 60%,#ffdb85);color:#34152a;border-color:#ffd46b;box-shadow:0 0 20px #e8a94133}.nav{display:flex;justify-content:center;gap:0;flex-wrap:wrap;background:#0f061fdd;border-top:1px solid #bd8d493b}.nav a{padding:15px 22px;font-size:15px;transition:.2s}.nav a:hover,.nav a.active{color:var(--gold);background:#3a1257}.nav a.active{border-bottom:3px solid var(--gold)}.hero{min-height:315px;padding:45px max(25px,calc((100vw - 1370px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 45%,#9b3fc255,transparent 32%),linear-gradient(110deg,#13041f,#3c0a56 62%,#200629);border-bottom:2px solid #ad672a}.hero:before,.hero:after{content:'✦ ✧ ✦ ✧ ✦';position:absolute;color:#ffd57333;font-size:75px;letter-spacing:25px;top:5px;right:2%;pointer-events:none}.hero:after{top:auto;bottom:-25px;right:20%;font-size:44px}.hero-ornament{position:absolute;right:17%;top:8%;font-size:75px;opacity:.34;transform:rotate(-10deg);pointer-events:none}.hero-content,.datebox{z-index:1}.eyebrow,.kicker{font-size:13px;color:#e8adfa;letter-spacing:2px}.hero h1{font-size:clamp(48px,7vw,92px);line-height:1.15;margin:7px 0 0;color:#ffe19a;text-shadow:0 5px #824016,0 0 22px #ffc24b66}.hero p{font-size:clamp(16px,2vw,23px);margin:7px 0 20px}.notice{background:#10081abf;border:1px solid #e4b86e8a;padding:9px 15px;border-radius:8px;font-size:13px;max-width:640px;color:#ffe4b1}.datebox{background:#130820de;padding:18px;border:1px solid #d5a953;border-radius:14px;min-width:220px;display:grid;gap:8px;box-shadow:0 0 30px #f5b04d22}.datebox label{color:var(--gold)}.datebox input{background:#0d0617;color:#fff;border:1px solid #9b5bba;border-radius:8px;padding:9px;width:100%;color-scheme:dark}.datebox small{font-size:11px;color:var(--muted)}.content{max-width:1410px;padding:24px 24px 10px;margin:auto}.tabs{display:flex;flex-wrap:wrap;gap:8px;background:#170725;padding:10px;border:1px solid #8f4179;border-radius:14px}.tabs button{background:transparent;border:1px solid transparent;color:#fff;border-radius:9px;padding:10px 13px;cursor:pointer;font-weight:500}.tabs button.selected,.tabs button:hover{background:linear-gradient(110deg,#ffe7a3,#d69b3b);color:#230b24}.section-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:26px 0 17px}.section-head h2{color:#ffdf8c;font-size:29px;margin:2px 0}.demo-pill{color:#ffe5b6;border:1px solid #b88b45;padding:5px 12px;border-radius:20px;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.result-card{min-height:220px;background:linear-gradient(135deg,#230d3c,#150723);border:1px solid #9d42b3;border-radius:13px;overflow:hidden;box-shadow:0 6px 22px #0005}.card-top{padding:14px 14px 12px;background:radial-gradient(circle at 75% 0,#9636bd80,transparent 60%),linear-gradient(100deg,#39104e,#21082f);display:flex;gap:12px;align-items:center;border-bottom:1px solid #86429d}.card-icon{font-size:36px;line-height:1;background:#1c0a2c;border:1px solid #cf9e58;width:53px;height:53px;display:grid;place-items:center;border-radius:50%}.card-title{flex:1;min-width:0}.card-title h3{font-size:20px;margin:0;color:white}.card-title p{font-size:12px;margin:2px 0;color:#d8bce5}.card-meta{font-size:11px;color:#ffd998;text-align:right}.subgrid{padding:11px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sub{background:#230d3b;border:1px solid #9651ba;border-radius:7px;color:#fff;text-align:left;min-height:37px;padding:7px 8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:3px}.sub span:last-child{color:#ffd979;font-size:16px}.promos{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.promo{min-height:160px;background:radial-gradient(circle at 90% 20%,#d255a455,transparent 42%),linear-gradient(130deg,#3d104d,#1d082f);border:1px dashed #f1c16e;border-radius:14px;padding:22px;text-align:center}.promo span{font-size:34px}.promo h3{color:var(--gold);margin:4px 0}.promo p{margin:0;color:var(--muted);font-size:13px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.info{background:#210d34;border:1px solid #63387d;border-radius:12px;padding:20px}.info h3{margin:0 0 8px;color:var(--gold)}.info p{font-size:14px;color:var(--muted);margin:0}footer{border-top:1px solid #9662a5;background:#0b0414;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#d7bfdc;flex-wrap:wrap}.footer-brand{font-size:22px;color:var(--gold);font-weight:700}.footer-brand small{display:block;font-size:11px;letter-spacing:3px}dialog{width:min(94vw,520px);border:1px solid #f4c56b;border-radius:20px;padding:28px;background:linear-gradient(145deg,#37124e,#12061d);color:#fff;text-align:center;box-shadow:0 0 70px #000}dialog::backdrop{background:#080212d9}.close{float:right;background:none;border:0;color:#fff;font-size:20px;cursor:pointer}.dialog-symbol{font-size:48px}.sample{padding:24px;border:1px dashed #be8e50;border-radius:10px;margin:20px 0;color:#ffdfa3}.sample small{color:#cdbed4}dialog h2{color:var(--gold)}@media(max-width:1050px){.festival{flex-wrap:wrap;justify-content:center}.tagline{display:none}.account{justify-content:center}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:38px 25px}}@media(max-width:690px){.festival{padding:18px 10px}.brand{min-width:0;width:100%}.brand-th{font-size:29px}.brand-en{font-size:13px}.account{gap:6px}.account .btn{font-size:12px;padding:8px 10px}.nav a{padding:10px 12px;font-size:12px}.hero{flex-direction:column;align-items:stretch;min-height:0;padding:30px 18px}.hero-ornament{font-size:44px;right:0}.hero h1{font-size:58px}.datebox{width:100%}.content{padding:18px 12px 8px}.tabs{gap:5px}.tabs button{font-size:12px;padding:7px}.cards,.promos,.info-grid{grid-template-columns:1fr}.subgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head h2{font-size:25px}footer{padding:24px 15px}}