:root{--pink:#ff2d8d;--pink-deep:#f00074;--purple:#7a3cff;--cyan:#00c6ff;--lime:#c6ff00;--black:#111;--ink:#15151a;--muted:#74747e;--line:#e4e4e8;--surface:#fff;--soft:#f7f7f9;--shadow:0 12px 32px #11111114;--radius:18px;--member-viewport:430px;--font-thai:"Noto Sans Thai", "Leelawadee UI", Tahoma, Arial, sans-serif;--font-display:"Arial Black", Impact, var(--font-thai)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--font-thai);-webkit-font-smoothing:antialiased;background:#f1f1f3;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{width:1.35em;height:1.35em}.brand-logo{flex-direction:column;width:fit-content;line-height:1;display:inline-flex}.brand-word{font-family:var(--font-display);letter-spacing:-.1em;color:#0b0b0d;font-size:clamp(2rem,4vw,3rem);font-style:italic;transform:skew(-6deg)}.brand-word>span{background:linear-gradient(150deg, var(--pink) 30%, var(--purple) 66%, var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text}.brand-logo small{font:700 .58rem/1 var(--font-thai);letter-spacing:.28em;text-align:center;color:var(--ink);margin-top:.35rem}.brand-logo small b{color:var(--cyan)}.brand-logo small i{color:var(--pink);font-style:normal}.brand-logo--light .brand-word,.brand-logo--light small{color:#fff}.brand-logo--compact small{display:none}.member-shell{width:min(100%, var(--member-viewport));background:#fff;min-height:100vh;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 0 70px #1111111f;container:member-shell/inline-size}.member-shell:before,.member-shell:after{content:"";pointer-events:none;z-index:0;opacity:.7;background:repeating-linear-gradient(132deg,#0000 0 18px,#00c6ffb3 19px 22px,#0000 23px 38px,#7a3cffb3 39px 49px,#0000 50px 68px,#ff2d8db3 69px 86px,#0000 87px 110px);width:220px;height:520px;position:absolute;transform:rotate(-7deg)}.member-shell:before{top:-220px;left:-165px}.member-shell:after{top:85px;right:-170px;transform:rotate(173deg)}.member-shell--dark{color:#fff;background:radial-gradient(circle at 70% 0,#171326 0,#090a0c 34%,#050506 80%)}.member-shell--dark:before,.member-shell--dark:after{opacity:.45}.member-shell--plain .member-header{display:none}.member-header{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;justify-content:space-between;align-items:center;padding:28px clamp(22px,5vw,44px) 18px;display:flex;position:relative}.member-shell--dark .member-header{background:#070708bf}.member-header .brand-word{font-size:clamp(1.85rem,7vw,3rem)}.member-header-actions{align-items:center;gap:14px;display:flex}.member-header-actions a,.member-header-actions button{color:inherit;background:0 0;border:0;padding:8px;position:relative}.notification-dot{background:var(--pink);border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;right:4px}.member-main{z-index:1;padding:16px clamp(20px,5vw,44px) 112px;position:relative}.member-nav{z-index:20;width:min(100%, var(--member-viewport));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:10px 10px max(10px, env(safe-area-inset-bottom));background:#fffffff5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.member-shell--dark .member-nav{background:#070708f5;border-color:#2c2c32}.member-nav a{color:#25252a;place-items:center;gap:4px;font-size:.76rem;display:grid}.member-shell--dark .member-nav a{color:#aaa}.member-nav a.active{color:var(--pink)}.member-nav a svg{font-size:1.35rem}.cut-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.cut-card:before,.cut-card:after{content:"";pointer-events:none;background:var(--card-accent,var(--pink));width:52px;height:4px;position:absolute}.cut-card:before{top:0;left:18px}.cut-card:after{bottom:14px;right:0;transform:rotate(-48deg)translate(18px)}.cut-card--pink{--card-accent:var(--pink)}.cut-card--purple{--card-accent:var(--purple)}.cut-card--cyan{--card-accent:var(--cyan)}.cut-card--lime{--card-accent:var(--lime)}.cut-card--dark{color:#fff;background:#0b0b0e;border-color:#35353c}.accent-pink,.text-pink{color:var(--pink)!important}.accent-purple,.text-purple{color:var(--purple)!important}.accent-cyan,.text-cyan{color:var(--cyan)!important}.accent-lime,.text-lime{color:#91c800!important}.product-art{--art-accent:var(--pink);aspect-ratio:1.05;isolation:isolate;border:1px solid color-mix(in srgb, var(--art-accent) 20%, #e8e8ec);background:#fff;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.product-art--pink{--art-accent:var(--pink)}.product-art--purple{--art-accent:var(--purple)}.product-art--cyan{--art-accent:var(--cyan)}.product-art--lime{--art-accent:#a6e000}.product-art__image{object-fit:cover}.product-art--sm{border-radius:12px;width:62px}.product-art--md{border-radius:15px;min-height:185px}.product-art--lg{border-radius:20px;min-height:300px}.product-art--hero{border-radius:26px;min-height:440px}.page-title{justify-content:space-between;align-items:flex-end;gap:20px;margin:8px 0 24px;display:flex}.page-title span{color:var(--pink);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:800}.page-title h1{margin:2px 0 0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.12}.section-title{justify-content:space-between;align-items:baseline;gap:12px;margin:34px 0 16px;display:flex}.section-title h2{margin:0;font-size:clamp(1.35rem,4vw,2rem)}.section-title a{color:var(--pink);font-weight:700}.btn{border:1px solid var(--line);min-height:48px;color:var(--ink);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:11px 22px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0000001f}.btn:disabled{opacity:.55;cursor:wait}.btn-primary{color:#fff;background:linear-gradient(110deg, var(--pink), var(--pink-deep) 60%, var(--purple));border-color:#0000;box-shadow:0 10px 24px #ff2d8d3d}.btn-dark{color:#fff;background:#111;border-color:#111}.btn-outline{border-color:var(--pink);color:var(--pink);background:#fff}.btn-block{width:100%}.btn-lg{min-height:58px;font-size:1.15rem}.chip-row{align-items:center;gap:10px;padding-bottom:5px;display:flex;overflow-x:auto}.chip{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 17px;font-weight:700}.chip.active{color:#fff;background:#111;border-color:#111}.field{gap:7px;display:grid}.field>span{font-size:.84rem;font-weight:700}.input,.field input,.field select,.field textarea{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #d8d8dd;border-radius:10px;outline:none;padding:10px 14px}.field textarea{resize:vertical;min-height:90px}.field input:focus,.field select:focus,.input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff2d8d1c}.form-grid{gap:16px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.status{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:.76rem;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:7px;height:7px}.status--green{color:#55a700;background:#f4ffe7}.status--pink{color:var(--pink);background:#fff1f7}.status--purple{color:var(--purple);background:#f5f0ff}.status--cyan{color:#008ec1;background:#eafaff}.status--orange{color:#e57f00;background:#fff8e8}.status--gray{color:#777;background:#f4f4f4}.action-wrap{gap:6px;display:grid}.action-message{color:#1b7b38;text-align:center;background:#effff2;border-radius:8px;padding:8px 10px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.demo-notice{border:1px solid var(--cyan);color:#0b6680;background:#f0fbff;border-radius:12px;margin-top:16px;padding:10px 14px;font-size:.78rem}.hero{grid-template-columns:minmax(0,.9fr) minmax(260px,1.1fr);align-items:center;gap:16px;padding:22px 0 10px;display:grid}.hero-copy{z-index:2;position:relative}.hero-copy h1{letter-spacing:-.06em;margin:0 0 18px;font-size:clamp(2.75rem,10vw,5.3rem);line-height:.98}.hero-copy p{color:var(--muted);max-width:410px;font-size:1.05rem}.hero .product-art{background:0 0}.balance-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.balance-item{align-items:center;gap:10px;padding:18px;display:flex}.balance-item svg{font-size:1.4rem}.balance-item span{color:var(--muted);font-size:.78rem;display:block}.balance-item strong{margin-top:3px;font-size:1.25rem;display:block}.campaign-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.campaign-card{overflow:hidden}.campaign-card .product-art{box-shadow:none;border-radius:0}.campaign-body{padding:16px}.campaign-tier{color:#fff;background:var(--card-accent);clip-path:polygon(0 0,100% 0,85% 100%,0 100%);place-items:center;min-width:42px;height:38px;padding:0 8px;font-size:1.3rem;font-weight:900;display:inline-grid}.campaign-body h3{font:900 1.15rem/1.1 var(--font-display);margin:11px 0 0}.campaign-body>small{color:var(--card-accent);letter-spacing:.08em;font-weight:800}.campaign-meta{justify-content:space-between;align-items:center;gap:10px;margin:14px 0 10px;font-size:.82rem;display:flex}.progress{background:#e6e6e8;border-radius:999px;height:6px;overflow:hidden}.progress i{border-radius:inherit;background:var(--card-accent);height:100%;display:block}.how-grid{grid-template-columns:repeat(4,1fr);gap:14px;padding:20px;display:grid}.how-step{text-align:center}.how-step span{width:54px;height:54px;color:var(--pink);background:#fff3f8;border-radius:16px;place-items:center;margin-inline:auto;display:grid}.how-step strong{margin:9px 0 2px;font-size:.85rem;display:block}.how-step small{color:var(--muted)}.tab-bar{border-bottom:1px solid var(--line);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.tab-bar a,.tab-bar button{background:0 0;border:0;padding:14px;font-weight:800}.tab-bar .active{color:var(--pink);border-bottom:3px solid var(--pink)}.tier-list{gap:10px;display:grid}.tier-row{border:1px solid var(--card-accent);border-radius:12px;grid-template-columns:54px 80px 1fr .8fr .8fr;align-items:center;display:grid;overflow:hidden}.tier-row>*{padding:12px}.tier-row .tier-label{background:var(--card-accent);color:#fff;place-items:center;height:100%;font-size:1.35rem;font-weight:900;display:grid}.tier-row .product-art{border-radius:8px}.tier-row strong{font-size:1.05rem}.tier-row b{color:var(--card-accent)}.choice-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.choice{background:#fff;border:1px solid #aaa;border-radius:12px;min-height:58px;font-size:1.1rem;font-weight:900}.choice.active{color:var(--pink);border-color:var(--pink);background:#111}.summary-box{gap:12px;margin:20px 0;padding:22px;display:grid}.summary-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.summary-row.total{border-top:1px solid var(--line);padding-top:14px;font-size:1.25rem}.warning{border:1px solid var(--pink);color:#9a164c;background:#fff7fa;border-radius:12px;padding:13px}.member-shell--dark .warning{background:#ff2d8d14}.result-hero{text-align:center}.result-hero h1{margin:20px 0 0;font-size:clamp(3rem,9vw,5rem)}.result-layout{grid-template-columns:1fr 1fr;align-items:center;gap:20px;display:grid}.result-ticket{text-align:left;padding:28px}.result-ticket .tier-badge{aspect-ratio:1;color:#fff;background:linear-gradient(145deg,var(--pink),var(--purple));clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);width:70px;font:900 2.3rem var(--font-display);place-items:center;display:inline-grid}.result-ticket h2{font-family:var(--font-display)}.list-card{gap:0;display:grid}.list-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px;display:grid}.list-row:last-child{border-bottom:0}.list-row h3,.list-row p{margin:0}.list-row p,.list-row small{color:var(--muted)}.money-positive{color:#16a34a!important}.money-negative{color:var(--pink)!important}.auth-page{background:#fff;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:"";background:repeating-linear-gradient(135deg,transparent 0 22px,var(--cyan) 23px 29px,transparent 30px 50px,var(--purple) 51px 62px,transparent 63px 84px,var(--pink) 85px 104px);opacity:.75;width:48vw;height:48vw;position:fixed;transform:rotate(10deg)}.auth-page:before{top:-37vw;left:-30vw}.auth-page:after{bottom:-38vw;right:-28vw;transform:rotate(190deg)}.auth-wrap{z-index:1;text-align:center;width:min(92vw,520px);padding:42px 0}.auth-wrap .brand-logo{margin-inline:auto}.auth-mascot{width:140px;margin:18px auto -42px}.auth-card{text-align:left;padding:42px clamp(22px,6vw,44px) 34px}.auth-card h1{text-align:center;margin:0;font-size:2.3rem}.auth-card>p{color:var(--muted);text-align:center}.auth-card form{gap:15px;margin-top:24px;display:grid}.auth-links{justify-content:space-between;margin-top:14px;font-size:.85rem;display:flex}.auth-links a{color:var(--pink);font-weight:700}.social-btn{color:#149b2c;background:#fff;border:1px solid #17c238;border-radius:10px;width:100%;min-height:48px;margin-top:12px;font-weight:800}.form-error{color:#a20f42;background:#fff0f5;border-radius:8px;padding:10px}.form-success{color:#166534;background:#f0fdf4;border-radius:8px;padding:10px}.admin-shell{background:#fff;grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:radial-gradient(circle at 50% 105%,#7a3cff40,#0000 35%),#0b0c0e;flex-direction:column;height:100vh;padding:25px 14px;display:flex;position:sticky;top:0;overflow:hidden}.admin-sidebar:after{content:"";z-index:0;opacity:.8;background:repeating-linear-gradient(135deg,transparent 0 18px,var(--purple) 19px 26px,transparent 27px 42px,var(--cyan) 43px 52px,transparent 53px 67px,var(--pink) 68px 81px);width:290px;height:310px;position:absolute;bottom:-50px;left:-60px;transform:rotate(8deg)}.admin-sidebar .brand-logo{z-index:2;margin:0 10px 30px}.admin-sidebar .brand-word{font-size:2rem}.admin-sidebar nav{z-index:2;scrollbar-width:none;gap:3px;display:grid;overflow-y:auto}.admin-sidebar nav a{color:#ddd;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;min-height:45px;padding:9px 12px;font-size:.86rem;display:flex}.admin-sidebar nav a:hover{background:#16171a}.admin-sidebar nav a.active{color:#fff;border-color:var(--pink);background:linear-gradient(90deg,#ff2d8d2e,#00c6ff14)}.admin-sidebar nav a.active svg{color:var(--pink)}.admin-user{z-index:2;background:#0e0e11d9;border:1px solid #34343a;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.admin-user>span{aspect-ratio:1;background:linear-gradient(145deg,var(--pink),var(--purple));border-radius:50%;place-items:center;width:38px;font-weight:900;display:grid}.admin-user div{display:grid}.admin-user small{color:var(--cyan)}.admin-workspace{min-width:0}.admin-topbar{z-index:15;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;align-items:center;gap:18px;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.sidebar-toggle{background:0 0;border:0}.admin-topbar label{border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;width:min(430px,43vw);margin-left:auto;padding:8px 12px;display:flex}.admin-topbar label input{border:0;outline:0;width:100%}.bell{background:0 0;border:0;position:relative}.bell span{color:#fff;background:var(--pink);border-radius:50%;place-items:center;width:18px;height:18px;font-size:.65rem;display:grid;position:absolute;top:-5px;right:-5px}.top-user{align-items:center;gap:8px;display:flex}.top-user b{aspect-ratio:1;color:#fff;background:#111;border-radius:50%;place-items:center;width:35px;display:grid}.admin-main{max-width:1700px;margin-inline:auto;padding:26px 30px 50px}.admin-main .page-title h1{font-size:clamp(2rem,3vw,2.8rem)}.admin-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-12{grid-column:1/-1}.stat-card{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:7px;min-height:112px;padding:10px;display:grid}.stat-icon{aspect-ratio:1;background:#f7f3ff;border-radius:10px;place-items:center;width:36px;min-width:36px;font-size:1.05rem;display:grid}.stat-card>div:last-child{min-width:0}.stat-card span{color:var(--muted);font-size:.69rem}.stat-card strong{letter-spacing:-.025em;white-space:nowrap;margin-top:4px;font-size:clamp(.9rem,1.2vw,1.15rem);line-height:1.15;display:block}.stat-card small{color:#3eaa47;margin-top:4px;font-size:.63rem;display:block}.panel{padding:20px}.panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.panel-head h2,.panel-head h3{margin:0}.mini-chart{background:repeating-linear-gradient(#f1f1f1 0 1px,#0000 1px 51px);border-bottom:1px solid #ddd;border-left:1px solid #ddd;grid-template-columns:repeat(10,1fr);align-content:end;gap:10px;height:250px;padding:20px 12px 0;display:grid}.mini-chart i{background:linear-gradient(to top,var(--pink),#ff72b4);border-radius:5px 5px 0 0;min-height:15px;display:block}.mini-chart i:nth-child(2n){background:linear-gradient(to top,var(--cyan),#7ce3ff)}.line-chart{background:repeating-linear-gradient(#eee 0 1px,#0000 1px 48px);height:240px;position:relative;overflow:hidden}.line-chart svg{width:100%;height:100%;overflow:visible}.line-chart polyline{fill:none;stroke:var(--pink);stroke-width:3px}.line-chart polyline:nth-child(2){stroke:var(--cyan)}.filter-bar{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 18px;padding:14px;display:flex}.filter-bar input,.filter-bar select{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:170px;min-height:42px;padding:7px 11px}.filter-bar .btn{min-height:42px;margin-left:auto}.table-scroll{border:1px solid var(--line);border-radius:12px;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.78rem}.data-table th{color:#555;text-align:left;background:#fafafa;font-weight:700}.data-table th,.data-table td{border-bottom:1px solid var(--line);padding:13px 14px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfbfd}.data-table tr.is-selected{outline:1px solid var(--pink);outline-offset:-1px;background:#fff8fb}.data-table td:first-child{color:#0b7fc0;font-weight:800}.split-view{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.split-view>*{min-width:0}.detail-drawer{min-height:610px;padding:20px}.detail-drawer h2{margin-top:0}.detail-section{border-top:1px solid var(--line);padding:16px 0}.detail-section h3{margin:0 0 12px;font-size:.95rem}.detail-pairs{grid-template-columns:1fr auto;gap:9px;font-size:.8rem;display:grid}.detail-pairs span:nth-child(odd){color:var(--muted)}.metric-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:18px;display:grid}.role-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.role-card{padding:20px}.role-card.active{border-color:var(--pink);box-shadow:0 0 0 2px #ff2d8d1f}.role-card h2{margin:10px 0 22px}.permission-matrix{border:1px solid var(--line);border-radius:12px;grid-template-columns:1.6fr repeat(6,1fr);display:grid;overflow:hidden}.permission-matrix>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);place-items:center;min-height:56px;display:grid}.permission-matrix>div:nth-child(7n+1){justify-items:start;padding-left:16px;font-weight:800}.permission-matrix .yes{color:var(--cyan)}.permission-matrix .approve{color:#78b800}.permission-matrix .limited{color:var(--purple)}.permission-matrix .no{color:#bbb}.notification-job{border-bottom:1px solid var(--line);grid-template-columns:30px 1.2fr 1fr 1fr .7fr .8fr .8fr;align-items:center;gap:10px;padding:13px;font-size:.78rem;display:grid}.notification-job.is-active{outline:1px solid var(--pink);background:#fff8fb}.code-box{color:#b8f7c6;background:#101418;border-radius:10px;padding:14px;font:.72rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.auth-page:has(.mfa-page){display:block;overflow:auto}.auth-page:has(.mfa-page):before{display:none}.auth-page:has(.mfa-page):after{display:none}.mfa-page{z-index:2;background:#fff;grid-template-columns:minmax(300px,27vw) 1fr;min-height:100vh;display:grid;position:relative}.mfa-side{color:#fff;background:linear-gradient(145deg,#050506 0%,#111114 58%,#050506 100%);flex-direction:column;padding:46px clamp(28px,4vw,62px);display:flex;position:relative;overflow:hidden}.mfa-side:before,.mfa-side:after{content:"";background:linear-gradient(90deg,var(--lime),var(--cyan),var(--purple),var(--pink));width:150%;height:8px;position:absolute;left:-20%;transform:rotate(-42deg);box-shadow:0 0 24px #00c6ff88}.mfa-side:before{top:28%}.mfa-side:after{bottom:20%}.mfa-side .brand-logo{z-index:1;position:relative}.mfa-shield{z-index:1;color:#fff;background:linear-gradient(#121215,#121215) padding-box,linear-gradient(145deg,#fff,var(--pink),var(--purple),var(--cyan)) border-box;clip-path:polygon(50% 0,96% 20%,90% 72%,50% 100%,10% 72%,4% 20%);border:7px solid #0000;place-items:center;width:150px;height:170px;margin:13vh auto 7vh;display:grid;position:relative}.mfa-shield svg{width:72px;height:72px}.mfa-benefits{z-index:1;gap:28px;display:grid;position:relative}.mfa-benefits>div{align-items:center;gap:18px;display:flex}.mfa-benefits svg{width:34px;height:34px;color:var(--cyan)}.mfa-benefits>div:first-child svg{color:var(--lime)}.mfa-benefits>div:nth-child(3) svg{color:var(--purple)}.mfa-benefits span{gap:4px;display:grid}.mfa-benefits b{letter-spacing:.14em;font-size:.8rem}.mfa-benefits small{color:#d4d4da}.mfa-side>p{z-index:1;letter-spacing:.2em;margin:auto 0 0;font-size:.78rem;font-weight:800;position:relative}.mfa-side>p b{color:var(--cyan)}.mfa-side>p i{color:var(--pink);font-style:normal}.mfa-main{background:linear-gradient(145deg,#fff 0% 73%,#f7f7fa 100%);padding:clamp(38px,6vw,88px);position:relative}.mfa-main:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 0 12%,#00c6ff14 12% 12.3%,#0000 12.3% 78%,#ff2d8d12 78% 78.3%,#0000 78.3%);position:absolute;inset:0}.mfa-account{z-index:1;border:1px solid #e6e6ea;border-radius:14px;align-items:center;gap:12px;width:max-content;margin-left:auto;padding:10px 18px;display:flex;position:relative;box-shadow:0 8px 24px #1111}.mfa-account>span{color:#fff;background:#111;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.mfa-account>div{display:grid}.mfa-account small{color:var(--muted)}.mfa-main>header{z-index:1;text-align:center;margin:36px auto 26px;position:relative}.mfa-main>header h1{margin:0 0 10px;font-size:clamp(2rem,3.3vw,3.35rem)}.mfa-main>header p{color:#555;margin:0;font-size:1.05rem}.mfa-content{z-index:1;clip-path:polygon(0 18px,18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);background:#fff;border:1px solid #e4e4e8;width:min(100%,1080px);margin:auto;padding:clamp(26px,4vw,52px);position:relative;box-shadow:0 18px 50px #1112}.mfa-content--enroll{grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);display:grid}.mfa-challenge{text-align:center}.mfa-content--enroll .mfa-challenge{border-right:1px solid #e6e6ea;padding-right:clamp(20px,4vw,55px)}.mfa-main-icon{width:80px;height:80px;color:var(--purple)}.mfa-challenge h2,.mfa-enrollment h2{margin:10px 0 22px;font-size:1.4rem}.mfa-code-grid{grid-template-columns:repeat(6,1fr);gap:10px;max-width:490px;margin:0 auto;display:grid}.mfa-code-grid input{aspect-ratio:.82;text-align:center;border:1px solid #cfcfd6;border-radius:10px;outline:none;width:100%;min-width:0;font-size:2rem;font-weight:800}.mfa-code-grid input:focus{border:2px solid var(--cyan);box-shadow:0 0 0 3px #00c6ff1d}.mfa-expiry{color:#555;justify-content:center;align-items:center;gap:8px;margin:22px 0;display:flex}.mfa-expiry svg{color:var(--pink)}.mfa-expiry b{color:var(--pink);font-size:1.2rem}.mfa-warning{color:#555;background:#fff7fa;border:1px solid #ff2d8d33;margin-top:18px;padding:15px;font-size:.86rem;line-height:1.55}.mfa-enrollment{text-align:left}.mfa-key-icon{width:50px;height:50px;color:var(--purple)}.mfa-enrollment ol{color:#444;gap:12px;padding-left:22px;line-height:1.5;display:grid}.mfa-enrollment label{gap:8px;margin:22px 0 14px;font-weight:800;display:grid}.mfa-enrollment code{overflow-wrap:anywhere;letter-spacing:.14em;background:#f5f5f7;border:1px solid #d9d9df;padding:16px;font-size:1rem;display:block}.mfa-enrollment>p{color:#17617a;background:#f5fcff;border:1px solid #00c6ff55;padding:13px;font-size:.86rem;line-height:1.55}.mfa-main>footer{z-index:1;justify-content:space-between;align-items:center;gap:20px;width:min(100%,1080px);margin:22px auto 0;display:flex;position:relative}.mfa-main>footer>a{color:#111;font-weight:800}.mfa-main>footer>p{color:#555;align-items:center;gap:9px;display:flex}.mfa-main>footer svg{color:var(--purple)}.mfa-main>footer b{color:var(--pink)}@media (max-width:1000px){.mfa-page{grid-template-columns:1fr}.mfa-side{display:none}.mfa-main{padding:28px}.mfa-main>header{margin-top:28px}.mfa-content--enroll{grid-template-columns:1fr}.mfa-content--enroll .mfa-challenge{border-bottom:1px solid #e6e6ea;border-right:0;padding-bottom:28px;padding-right:0}}@media (max-width:600px){.mfa-main{padding:18px}.mfa-account{margin:0 auto}.mfa-main>header h1{font-size:1.85rem}.mfa-content{padding:24px 16px}.mfa-code-grid{gap:6px}.mfa-code-grid input{border-radius:7px;font-size:1.4rem}.mfa-main>footer{flex-direction:column;align-items:flex-start}.mfa-main>footer>p{margin:0;font-size:.82rem}}.mfa-recovery-input{text-align:left;gap:9px;max-width:490px;margin:18px auto 22px;font-weight:800;display:grid}.mfa-recovery-input input{letter-spacing:.08em;text-transform:uppercase;border:1px solid #cfcfd6;border-radius:10px;width:100%;padding:16px;font:800 1.05rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.mfa-recovery-input input:focus{outline:2px solid var(--cyan);outline-offset:2px}.mfa-recovery-toggle{color:#4d25c8;cursor:pointer;background:0 0;border:0;margin:18px auto 0;font-weight:800}.mfa-recovery-complete{text-align:center}.mfa-recovery-complete>p{color:#555;max-width:720px;margin:0 auto 24px;line-height:1.6}.mfa-recovery-list{text-align:left;background:#f7f7fa;border:1px solid #dedee5;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;max-width:720px;margin:0 auto 26px;padding:20px 20px 20px 44px;display:grid}.mfa-recovery-list code{letter-spacing:.05em;font:800 .95rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.mfa-recovery-actions{justify-content:center;gap:12px;margin-bottom:18px;display:flex}.mfa-recovery-actions .btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.mfa-recovery-actions svg{width:18px;height:18px}@media (max-width:600px){.mfa-recovery-list{grid-template-columns:1fr}.mfa-recovery-actions{flex-direction:column}}.result-hero--animated .result-layout{opacity:0;animation:.72s cubic-bezier(.2,.75,.25,1) forwards gotcha-result-reveal;transform:translateY(28px)scale(.97)}.result-hero--animated .result-layout .product-art{animation:.8s cubic-bezier(.2,.85,.3,1.15) both gotcha-prize-pop;animation-delay:inherit}@keyframes gotcha-result-reveal{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gotcha-prize-pop{0%{filter:saturate(.75);transform:scale(.88)rotate(-2deg)}70%{filter:saturate(1.2);transform:scale(1.035)rotate(1deg)}to{filter:saturate();transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.result-hero--animated .result-layout,.result-hero--animated .result-layout .product-art{opacity:1;animation:none;transform:none}}.choice--mode{place-items:center;gap:3px;display:grid}.choice--mode small{color:#666;font-size:.72rem;font-weight:700}.choice--mode.active small{color:#fff}.draw-mode-note{border-left:3px solid var(--purple);color:#4f4b59;background:#faf8ff;grid-template-columns:auto 1fr;gap:10px;margin:10px 0 0;padding:12px 14px;font-size:.84rem;line-height:1.5;display:grid}.draw-mode-note b{color:var(--purple);letter-spacing:.08em;font-size:.72rem}.draw-allocation{background:#fafafa;border:1px solid #d9d9e1;gap:8px;padding:13px 14px;display:grid}.draw-allocation>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.draw-allocation span{color:#555}.draw-allocation strong{color:var(--purple)}.quote-disclaimer{color:#666;margin:-8px 0 18px;font-size:.8rem;line-height:1.5}@media (max-width:600px){.draw-mode-note{grid-template-columns:1fr}.summary-row.total{flex-direction:column;align-items:flex-start}.draw-allocation>div{flex-direction:column;align-items:flex-start;gap:2px}}.prize-rate-snapshot{color:#365c67;background:#f5fdff;border:1px solid #bfeefa;margin:16px 0 0;padding:12px 14px;font-size:.8rem;line-height:1.55}.prize-rate-snapshot b{color:#008eb8;letter-spacing:.08em;margin-right:6px}@media (max-width:1100px){.admin-shell{grid-template-columns:86px minmax(0,1fr)}.admin-sidebar .brand-logo small,.admin-sidebar nav span,.admin-user div{display:none}.admin-sidebar .brand-logo{margin-inline:auto}.admin-sidebar .brand-word{font-size:1.2rem}.admin-sidebar nav a,.admin-user{justify-content:center}.split-view{grid-template-columns:1fr}.detail-drawer{min-height:auto}.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9{grid-column:span 6}}@media (max-width:760px){.hero{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy p{margin-inline:auto}.hero .product-art{min-height:310px}.balance-strip{grid-template-columns:1fr}.how-grid{grid-template-columns:repeat(2,1fr)}.tier-row{grid-template-columns:42px 64px 1fr 70px}.tier-row>:nth-child(4){display:none}.result-layout,.form-grid.two,.form-grid.three{grid-template-columns:1fr}.admin-shell{display:block}.admin-sidebar{z-index:30;border-radius:18px;flex-direction:row;width:auto;height:68px;padding:8px;position:fixed;inset:auto 10px 10px;box-shadow:0 12px 40px #0000004d}.admin-sidebar .brand-logo,.admin-user{display:none}.admin-sidebar nav{gap:1px;display:flex;overflow-x:auto}.admin-sidebar nav a{min-width:54px;padding:8px}.admin-sidebar nav a:nth-child(n+7),.admin-sidebar:after{display:none}.admin-topbar{height:62px;padding:0 14px}.admin-topbar label{width:100%}.top-user span{display:none}.admin-main{padding:20px 14px 100px}.admin-grid{grid-template-columns:1fr}.admin-grid>*,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-12{grid-column:1}.role-grid{grid-template-columns:repeat(2,1fr)}.permission-matrix{grid-template-columns:1.5fr repeat(3,1fr)}.permission-matrix>div:nth-child(7n+5),.permission-matrix>div:nth-child(7n+6),.permission-matrix>div:nth-child(7n+7){display:none}}@media (max-width:480px){.member-header{padding-top:20px}.member-header .brand-logo small{font-size:.42rem}.member-header-actions{gap:3px}.member-main{padding-inline:16px}.campaign-grid,.product-grid{gap:10px}.campaign-body{padding:12px}.campaign-body h3{font-size:.9rem}.campaign-meta{display:grid}.balance-item{padding:13px}.result-ticket{padding:20px}.role-grid{grid-template-columns:1fr}.choice-grid{gap:6px}.choice{min-height:50px}.page-title h1{font-size:2rem}}.legal-shell{color:#111;background:#fff;min-height:100vh}.legal-header{z-index:20;border-bottom:2px solid #0000;border-image:linear-gradient(90deg,var(--pink),var(--purple),var(--cyan)) 1;background:#fffffff5;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(20px,5vw,70px);display:flex;position:sticky;top:0}.legal-header nav,.legal-footer nav{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.legal-header nav a,.legal-footer nav a{color:inherit;font-weight:700;text-decoration:none}.legal-main{grid-template-columns:minmax(230px,300px) minmax(0,980px);gap:54px;max-width:1380px;margin:auto;padding:58px clamp(20px,5vw,70px);display:grid}.legal-toc{align-self:start;gap:8px;display:grid;position:sticky;top:110px}.legal-toc>b{letter-spacing:.14em;color:var(--pink);margin-bottom:8px;font-size:12px}.legal-toc>a{color:#111;background:#fff;border:1px solid #e7e7e7;grid-template-columns:34px 1fr;gap:8px;padding:12px 14px;font-weight:700;text-decoration:none;display:grid}.legal-toc>a:hover{border-color:var(--pink);transform:translate(3px)}.legal-toc>a span{color:var(--pink)}.legal-help{border:1px solid var(--cyan);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);margin-top:18px;padding:20px}.legal-help p{color:#666}.legal-help a{color:#0079a8}.legal-article h1{letter-spacing:-.05em;margin:8px 0 16px;font-size:clamp(2.3rem,6vw,5rem);line-height:.95}.legal-eyebrow{letter-spacing:.16em;color:var(--pink);font-size:12px;font-weight:900}.legal-updated{color:#666}.legal-intro{border:1px solid var(--pink);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);background:linear-gradient(105deg,#fff7fb,#fff);margin:28px 0;padding:24px 28px}.legal-intro strong{font-size:1.2rem}.legal-section{border-bottom:1px solid #e8e8e8;grid-template-columns:70px 1fr;gap:18px;padding:28px 0;scroll-margin-top:120px;display:grid}.legal-section>span{color:var(--purple);font-size:2rem;font-weight:900}.legal-section h2{margin:0 0 10px;font-size:1.45rem}.legal-section p,.legal-section li{color:#444;line-height:1.75}.legal-section ul{padding-left:20px}.legal-footer{color:#fff;background:#111;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:34px clamp(20px,5vw,70px);display:grid}.legal-footer small{color:#aaa;grid-column:1/-1}.legal-footer .brand-logo{filter:none}@media (max-width:820px){.legal-header nav a:not(.btn){display:none}.legal-main{grid-template-columns:1fr;padding-top:30px}.legal-toc{display:flex;position:static;overflow:auto}.legal-toc>b,.legal-help{display:none}.legal-toc>a{min-width:180px}.legal-section{grid-template-columns:48px 1fr}.legal-footer{grid-template-columns:1fr}.legal-footer nav{gap:10px}.legal-article h1{font-size:2.6rem}}.sidebar-backdrop,.sidebar-close,.member-menu-backdrop{display:none}.admin-user>button{color:#fff;cursor:pointer;background:0 0;border:0;margin-left:auto}.admin-topbar>form{flex:1}.admin-topbar>form label{width:100%}.member-menu{z-index:50;background:#fff;flex-direction:column;gap:18px;width:min(88vw,340px);height:100dvh;padding:26px;transition:right .25s;display:flex;position:fixed;top:0;right:-360px;box-shadow:-20px 0 50px #0003}.member-menu>button:first-child{background:0 0;border:0;align-self:flex-end}.member-menu nav{gap:8px;display:grid}.member-menu nav a{color:#111;border:1px solid #e8e8e8;align-items:center;gap:12px;padding:12px;font-weight:700;text-decoration:none;display:flex}.member-menu nav a:hover{border-color:var(--pink)}.member-menu-backdrop{z-index:45;background:#0008;border:0;position:fixed;inset:0}.member-menu-open .member-menu{right:0}.member-menu-open .member-menu-backdrop{display:block}@media (max-width:900px){.sidebar-backdrop{z-index:35;background:#0008;border:0;position:fixed;inset:0}.sidebar-close{color:#fff;background:0 0;border:0;position:absolute;top:12px;right:12px}.sidebar-open .admin-sidebar{transform:translate(0)}.sidebar-open .sidebar-backdrop,.sidebar-close{display:block}}.payment-shell{background:radial-gradient(circle at 10% 15%,#00c6ff14,#0000 28%),radial-gradient(circle at 90% 20%,#ff2d8d14,#0000 30%),#fff;min-height:100vh}.payment-shell>header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:24px clamp(20px,6vw,90px);display:flex}.payment-shell>header>span{color:var(--purple);letter-spacing:.12em;font-weight:900}.payment-shell>main{max-width:1100px;margin:auto;padding:42px 20px}.payment-title{text-align:center;margin-bottom:24px}.payment-title h1{margin:0;font-size:2.3rem}.payment-title b{color:var(--purple);align-items:center;gap:8px;display:inline-flex}.payment-grid{grid-template-columns:1fr 1.15fr;gap:18px;display:grid}.payment-summary,.payment-status{padding:28px}.payment-summary h2,.payment-status h2{align-items:center;gap:10px;display:flex}.payment-summary>div{border-bottom:1px solid #e5e5e5;justify-content:space-between;padding:17px 0;display:flex}.payment-summary .total{border-bottom:0;font-size:1.25rem}.payment-summary .payment-reference{background:#f5f5f5;margin:16px 0;padding:16px;display:block}.payment-summary code{overflow-wrap:anywhere;margin-top:8px;display:block}.payment-options{gap:12px;display:grid}.payment-options .form-success{grid-template-columns:auto 1fr;gap:4px 10px;display:grid}.payment-option{cursor:pointer;background:#fff;border:1px solid;align-items:center;gap:10px;padding:15px;font-weight:800;display:flex}.payment-option span{margin-left:auto}.payment-option.success{color:#188700}.payment-option.failed{color:var(--pink)}.payment-option.cancelled{color:#db6400}.payment-option.expired{color:var(--purple)}.sandbox-consent{gap:8px;line-height:1.45;display:flex}.payment-security{border:1px solid var(--cyan);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);align-items:center;gap:18px;margin-top:22px;padding:20px 26px;display:flex}.payment-security svg{width:42px;height:42px;color:var(--cyan)}.payment-security p{color:#555;margin:4px 0}.payment-result{grid-template-columns:190px 1fr 1.35fr;align-items:center;gap:26px;padding:42px;display:grid}.payment-result-icon{border:12px solid;border-radius:50%;place-items:center;width:150px;height:150px;display:grid}.payment-result-icon svg{width:86px;height:86px}.payment-result-icon.success{color:#31a600}.payment-result-icon.failed{color:var(--pink)}.payment-result h1{margin:5px 0;font-size:2.5rem}.payment-result-detail>strong{font-size:2.6rem}.payment-result-detail dl{grid-template-columns:1fr 1.3fr;gap:8px 16px;display:grid}.payment-result-detail dd{text-align:right;overflow-wrap:anywhere;margin:0}@media (max-width:760px){.payment-grid,.payment-result{grid-template-columns:1fr}.payment-result{padding:24px}.payment-result-icon{border-width:8px;width:110px;height:110px}.payment-result-icon svg{width:60px}.payment-result-detail dl{grid-template-columns:1fr}.payment-result-detail dd{text-align:left;margin-bottom:8px}}:is(.auth-page:not(:has(.mfa-page)),.legal-shell,.payment-shell){width:min(100%, var(--member-viewport));margin-inline:auto;box-shadow:0 0 70px #1111111f}.auth-page:not(:has(.mfa-page)):before{width:220px;height:520px;position:absolute}.auth-page:not(:has(.mfa-page)):after{width:220px;height:520px;position:absolute}.auth-page:not(:has(.mfa-page)):before{top:-260px;left:-165px}.auth-page:not(:has(.mfa-page)):after{bottom:-280px;right:-165px}.auth-page:not(:has(.mfa-page)) .auth-wrap{width:min(100% - 32px,398px)}.legal-shell{overflow:hidden}.legal-header{gap:10px;padding:16px}.legal-header nav{gap:8px}.legal-header nav a:not(.btn){display:none}.legal-header .btn{padding-inline:14px}.legal-main{grid-template-columns:1fr;gap:24px;padding:30px 18px}.legal-toc{display:flex;position:static;overflow-x:auto}.legal-toc>b,.legal-help{display:none}.legal-toc>a{min-width:180px}.legal-article h1{font-size:2.55rem}.legal-section{grid-template-columns:42px minmax(0,1fr);gap:10px}.legal-section>span{font-size:1.55rem}.legal-footer{grid-template-columns:1fr;padding:30px 18px}.legal-footer nav{gap:10px}.payment-shell{overflow:hidden}.payment-shell>header{gap:12px;padding:18px}.payment-shell>header>span{text-align:right;max-width:160px;font-size:.72rem}.payment-shell>main{padding:30px 16px}.payment-title h1{font-size:2rem}.payment-grid,.payment-result{grid-template-columns:1fr}.payment-summary,.payment-status,.payment-result{padding:22px}.payment-result-icon{border-width:8px;width:110px;height:110px}.payment-result-icon svg{width:60px}.payment-result-detail dl{grid-template-columns:1fr}.payment-result-detail dd{text-align:left;margin-bottom:8px}.payment-security{align-items:flex-start;padding:18px}@container member-shell (max-width:760px){.hero{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy p{margin-inline:auto}.hero .product-art{min-height:310px}.balance-strip{grid-template-columns:1fr}.how-grid{grid-template-columns:repeat(2,1fr)}.tier-row{grid-template-columns:42px 64px 1fr 70px}.tier-row>:nth-child(4){display:none}.result-layout,.form-grid.two,.form-grid.three{grid-template-columns:1fr}}@container member-shell (max-width:480px){.member-header{padding-top:20px}.member-header .brand-logo small{font-size:.42rem}.member-header-actions{gap:3px}.member-main{padding-inline:16px}.campaign-grid,.product-grid{gap:10px}.campaign-body{padding:12px}.campaign-body h3{font-size:.9rem}.campaign-meta{display:grid}.balance-item{padding:13px}.result-ticket{padding:20px}.choice-grid{gap:6px}.choice{min-height:50px}.page-title h1{font-size:2rem}}