:root{--bg:#07030c;--surface:#100918;--purple:#983eff;--gold:#d9ad55;--gold2:#ffe2a3;--white:#f9f4ff;--muted:#968e9e;--thai:"Noto Sans Thai",sans-serif;--display:"Chakra Petch",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--white);background:var(--bg);font-family:var(--display);overflow-x:hidden}button,input{font:inherit}svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.6}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.grid-floor{position:fixed;z-index:-1;left:0;right:0;bottom:-18vh;height:60vh;opacity:.13;transform:perspective(450px) rotateX(58deg);transform-origin:bottom;background-image:linear-gradient(#913aff 1px,transparent 1px),linear-gradient(90deg,#913aff 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(transparent,#000)}main{isolation:isolate;background:radial-gradient(circle at 76% 16%,#361054 0,transparent 28%),linear-gradient(#08040e,#050207)}.hero{position:relative;min-height:820px;overflow:hidden;border-bottom:1px solid #ffffff12}.hero:after{content:"NEXORA";position:absolute;right:-2vw;bottom:-4vw;color:transparent;-webkit-text-stroke:1px #ffffff0e;font-size:16vw;font-weight:700;letter-spacing:-1vw}.hero nav,.hero-copy,footer{width:min(1280px,calc(100% - 72px));margin:auto}.hero nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;font-size:20px;font-weight:700;letter-spacing:4px}.brand-mark{position:relative;width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--gold);transform:rotate(45deg)}.brand-mark:before{content:"";position:absolute;inset:5px;border:1px solid #ac5cff}.brand-mark i{width:4px;height:4px;background:var(--gold2);box-shadow:0 0 12px var(--gold)}.online{display:flex;gap:10px;align-items:center;padding:10px 15px;border:1px solid #d9ad5538;color:var(--gold2);font-size:10px;letter-spacing:1.8px}.online i,.activity header i{width:6px;height:6px;border-radius:50%;background:#68efa9;box-shadow:0 0 10px #68efa9;animation:pulse 1.7s infinite}.hero-copy{position:relative;z-index:3;padding-top:115px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:10px;letter-spacing:2.5px}.eyebrow i{width:48px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.eyebrow b{color:#746b7c}h1{margin:26px 0 22px;font-family:var(--thai);font-size:clamp(64px,7vw,108px);line-height:.95;letter-spacing:-6px}h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--gold2),var(--gold),#966724);background-clip:text;-webkit-background-clip:text}.hero-copy>p{color:var(--muted);font-family:var(--thai);font-size:15px;line-height:1.85}.metrics{display:flex;align-items:center;gap:28px;margin-top:50px}.metrics div{display:flex;flex-direction:column}.metrics strong{color:var(--gold2);font-size:25px;font-weight:500}.metrics span{color:#756c7e;font-family:var(--thai);font-size:10px}.metrics>i{width:1px;height:30px;background:#ffffff1f}.visual{position:absolute;width:min(51vw,750px);aspect-ratio:1;right:-2vw;top:95px;display:grid;place-items:center}.planet{position:absolute;width:61%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 34%,#c181ff,#531582 30%,#130520 68%);box-shadow:inset -38px -28px 80px #030005,0 0 100px #8124e73f}.planet:after{content:"";position:absolute;inset:-11%;border:1px solid #d9ad553d;border-radius:50%}.ring{position:absolute;z-index:1;width:85%;height:29%;border:1px solid #d1a8ff47;border-radius:50%;transform:rotate(-18deg)}.r2{width:94%;height:42%;transform:rotate(28deg);border-color:#d9ad552e}.diamond{z-index:2;width:26%;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--gold2);transform:rotate(45deg);background:#07030c99;color:var(--gold2);font-size:62px;box-shadow:0 0 50px #d9ad5538}.diamond:after{content:"";position:absolute;inset:10px;border:1px solid #9b44ff}.diamond{line-height:1}.diamond::first-letter{transform:rotate(-45deg)}.float-card{position:absolute;z-index:4;width:138px;padding:14px;border:1px solid #ffffff24;border-left:2px solid var(--gold);background:#100917df;backdrop-filter:blur(10px);display:grid}.float-card span{color:var(--gold);font-size:26px}.float-card b{font-size:11px;letter-spacing:2px}.float-card small{color:#766f7e;font-size:7px;letter-spacing:1.5px}.f1{left:7%;top:27%;animation:drift 6s ease-in-out infinite}.f2{right:5%;bottom:21%;animation:drift 5s ease-in-out infinite reverse}.redeem-zone{position:relative;z-index:5;width:min(1120px,calc(100% - 48px));margin:-30px auto 0;padding-bottom:120px;display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:start}.redeem-card,.activity{position:relative;background:linear-gradient(145deg,#15101d,#09050e);border:1px solid #d9ad5530;box-shadow:0 30px 90px #0007}.redeem-card{padding:42px 46px 38px}.corner{position:absolute;width:12px;height:12px;border-color:var(--gold)}.tl{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}.tr{top:-1px;right:-1px;border-top:1px solid;border-right:1px solid}.bl{bottom:-1px;left:-1px;border-bottom:1px solid;border-left:1px solid}.br{bottom:-1px;right:-1px;border-bottom:1px solid;border-right:1px solid}.redeem-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.redeem-card header span{color:var(--gold);font-size:9px;letter-spacing:2px}h2{margin:7px 0 0;font:600 26px var(--thai)}.lock{width:43px;height:43px;display:grid;place-items:center;color:var(--gold);border:1px solid #d9ad5540;transform:rotate(45deg)}.lock svg{transform:rotate(-45deg)}form label{display:block;margin-bottom:10px;color:#837b8b;font-size:9px;letter-spacing:2px}.code-input{height:66px;position:relative;display:flex;align-items:center;overflow:hidden;border:1px solid #983eff88;background:#08050c}.code-input:focus-within{border-color:var(--gold);box-shadow:0 0 25px #983eff22}.code-input.error{border-color:#ff5d82}.code-input b{padding-left:20px;color:#b96cff;font-size:22px}.code-input input{flex:1;min-width:0;height:100%;padding:0 20px;border:0;outline:0;color:var(--gold2);background:transparent;font-size:20px;font-weight:600;letter-spacing:5px;text-transform:uppercase}.code-input input::placeholder{color:#484050}.code-input i{position:absolute;left:0;width:2px;height:100%;opacity:0;background:var(--gold2);box-shadow:0 0 14px var(--gold)}.code-input.scanning i{opacity:1;animation:scan 1s linear infinite}#form-message{min-height:20px;margin:7px 0 3px;color:#ff7192;font:11px var(--thai)}form button,.done{width:100%;height:58px;display:flex;justify-content:center;align-items:center;gap:13px;border:1px solid #d6a64a;cursor:pointer;background:linear-gradient(100deg,#9e6c24,#e8c875,#95621d);color:#110b06;font:700 14px var(--thai);transition:.2s}form button:hover{transform:translateY(-2px);filter:brightness(1.08)}form button:disabled{opacity:.65;cursor:wait}.trust{margin-top:30px;padding-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #ffffff12}.trust>div{display:flex;align-items:center;gap:9px}.trust svg{color:var(--gold)}.trust span{color:#756d7d;font:9px/1.5 var(--thai)}.trust b{display:block;color:#beb5c7;font:8px var(--display);letter-spacing:1px}.activity{padding:25px 24px}.activity header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.activity header div{display:flex;align-items:center;gap:9px}.activity header b{font-size:10px;letter-spacing:1.5px}.activity header small{color:#625a6a;font:9px var(--thai)}#activity-list{display:grid;gap:9px}.activity-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid #ffffff0f;background:#ffffff06;animation:itemIn .4s}.activity-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--gold);border:1px solid #d9ad5534;font-size:11px}.activity-info b{display:block;color:#d4ccd9;font-size:10px}.activity-info small{color:#6b6372;font:8px var(--thai)}.activity-status{color:#68eaa9;font-size:8px;letter-spacing:1px}footer{min-height:120px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff12;color:#5c5463}footer .small{transform:scale(.76);transform-origin:left}footer p,footer>span{font-size:8px;letter-spacing:1.5px}.modal[hidden]{display:none}.modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#030105df;backdrop-filter:blur(12px)}.modal-card{position:relative;width:min(420px,100%);padding:45px 38px 34px;text-align:center;border:1px solid #d9ad5557;background:linear-gradient(145deg,#17101f,#09050e);box-shadow:0 35px 100px #000b;animation:modalIn .35s}.close{position:absolute;right:12px;top:8px;border:0;background:0;color:#887e91;font-size:28px;cursor:pointer}.success{width:75px;height:75px;margin:0 auto 25px;display:grid;place-items:center;transform:rotate(45deg);color:#140b17;background:linear-gradient(145deg,var(--gold2),#ad7024);font-size:34px;box-shadow:0 0 35px #d9ad5538}.success::first-letter{transform:rotate(-45deg)}.modal-card>label{color:var(--gold);font-size:9px;letter-spacing:3px}.modal-card p{color:#8b8392;font:12px var(--thai)}.modal-card p strong{color:#fff}.reward{margin:24px 0;padding:18px;display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:7px;border:1px solid #983eff55;background:#983eff0d;text-align:left}.reward span{color:#776f7f;font-size:9px}.reward strong{color:var(--gold2);font-size:32px}.reward small{color:#9b92a3;font:10px var(--thai)}.done{color:var(--gold2);background:#d9ad5510}.modal-card>small{display:block;margin-top:13px;color:#605668;font:8px var(--thai)}@keyframes pulse{50%{opacity:.3}}@keyframes drift{50%{transform:translateY(-16px)}}@keyframes scan{to{left:100%}}@keyframes itemIn{from{opacity:0;transform:translateY(-8px)}}@keyframes modalIn{from{opacity:0;transform:scale(.96) translateY(15px)}}@media(max-width:980px){.hero{min-height:1020px}.hero-copy{padding-top:85px}.visual{width:640px;right:50%;transform:translateX(65%);top:425px}.redeem-zone{margin-top:-55px;grid-template-columns:1fr;max-width:720px}}@media(max-width:620px){.hero{min-height:865px}.hero nav,.hero-copy,footer{width:calc(100% - 38px)}.hero nav{height:76px}.brand{font-size:16px}.brand-mark{width:26px;height:26px}.online{font-size:8px;padding:8px 10px}.hero-copy{padding-top:65px}h1{font-size:clamp(53px,16vw,68px);letter-spacing:-4px}.hero-copy>p{font-size:13px}.metrics{gap:16px;margin-top:37px}.metrics strong{font-size:20px}.visual{width:465px;top:465px;transform:translateX(61%)}.float-card{width:112px;padding:10px}.redeem-zone{width:calc(100% - 24px);margin-top:-28px;padding-bottom:65px}.redeem-card{padding:30px 20px 26px}.trust{grid-template-columns:1fr}.activity{padding:22px 16px}footer{min-height:160px;flex-direction:column;justify-content:center;gap:16px;text-align:center}footer .small{transform-origin:center}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}