:root{--bg-dark:#08090e;--bg-card:#11131c;--bg-card-hover:#171926;--border-subtle:#ffffff14;--border-glow:#f9cb6b4d;--gold:#f9cb6b;--gold-glow:#f9cb6b33;--violet:#8067ff;--cyan:#45e0d0;--emerald:#10b981;--crimson:#f43f5e;--amber:#f59e0b;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 15%,#8067ff14 0%,#0000 45%),radial-gradient(circle at 85% 25%,#f9cb6b12 0%,#0000 40%),radial-gradient(circle at 50% 80%,#45e0d00d 0%,#0000 50%);min-height:100vh;overflow-x:hidden}button{font-family:var(--font-heading);cursor:pointer;border:none;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1)}button:active{transform:scale(.98)}.header-wrap{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#08090ed9;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.brand-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:14px;text-decoration:none;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex}.brand-container:hover{transform:translateY(-1.5px)}.brand-logo-3d-wrap{perspective:900px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.brand-logo-flipper{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.34,1.4,.64,1);animation:7.5s ease-in-out infinite logoPeriodicFlip;position:relative}.brand-container:hover .brand-logo-flipper{animation:.9s cubic-bezier(.34,1.4,.64,1) forwards logoHoverSpin}.brand-flip-face{backface-visibility:hidden;border:1.5px solid #f9cb6b8c;border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 4px 18px #00000073,0 0 20px #f9cb6b59}.brand-flip-front{background:#fff;padding:4px;transform:rotateY(0)}.brand-flip-back{background:radial-gradient(circle at 50% 35%,#2d1a60 0%,#120d29 100%);border-color:#ffd875;padding:3px;transform:rotateY(180deg);box-shadow:0 6px 22px #f9cb6b80,inset 0 0 14px #f9cb6b59}.brand-coin-inner{text-align:center;background:radial-gradient(circle,#f9cb6b33 0%,#0000 70%);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.brand-coin-crown{filter:drop-shadow(0 2px 6px #f9cb6bb3);margin-bottom:2px;font-size:19px;line-height:1}.brand-coin-text{font-family:var(--font-heading);letter-spacing:.8px;color:#f9cb6b;text-shadow:0 1px 3px #000c;font-size:7px;font-weight:900;line-height:1.1}.brand-coin-sub{font-family:var(--font-heading);letter-spacing:1px;color:#fff;font-size:6px;font-weight:800;line-height:1}.brand-flip-face:after{content:"";pointer-events:none;background:linear-gradient(60deg,#0000 35%,#ffffff73 50%,#0000 65%);width:200%;height:200%;transition:transform .8s;position:absolute;top:-50%;left:-50%;transform:rotate(25deg)translateY(-100%)}.brand-container:hover .brand-flip-face:after{transform:rotate(25deg)translateY(100%)}@keyframes logoPeriodicFlip{0%,72%{transform:rotateY(0)scale(1)}82%{transform:rotateY(180deg)scale(1.08)}92%,to{transform:rotateY(360deg)scale(1)}}@keyframes logoHoverSpin{0%{transform:rotateY(0)scale(1.02)}50%{transform:rotateY(180deg)scale(1.14)}to{transform:rotateY(360deg)scale(1.06)}}@media (prefers-reduced-motion:reduce){.brand-logo-flipper{animation:none!important}}.brand-logo-animated{object-fit:contain;width:100%;height:100%;transition:transform .3s}.brand-text-block{flex-direction:column;justify-content:center;line-height:1.15;display:flex}.brand-title-row{align-items:center;gap:6px;display:flex}.brand-title-main{font-family:var(--font-heading);letter-spacing:-.5px;color:#fff;white-space:nowrap;font-size:20px;font-weight:900}.brand-title-gold{background:linear-gradient(135deg,#f9cb6b 0%,#e0a325 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.brand-sub-badge{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;margin-top:3px;font-size:10px;font-weight:800;display:flex}.brand-sub-gold{color:var(--gold)}.brand-sub-pill{color:var(--gold);letter-spacing:.5px;background:#f9cb6b26;border:1px solid #f9cb6b59;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:800}@media (width<=900px){.brand-sub-badge{display:none}}@media (width<=600px){.brand-logo-frame{width:46px;height:46px}.brand-title-main{font-size:17px}}.nav-tabs{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:12px;gap:6px;padding:4px;display:flex}.nav-tab-btn{color:var(--text-muted);background:0 0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.nav-tab-btn.active{color:#fff;background:#ffffff14;box-shadow:0 2px 8px #0000004d}.nav-tab-btn:hover:not(.active){color:var(--text-main);background:#ffffff0a}.user-bar{align-items:center;gap:12px;display:flex}.wallet-badge{cursor:pointer;background:linear-gradient(135deg,#f9cb6b1f,#8067ff14);border:1px solid #f9cb6b40;border-radius:10px;flex-direction:column;padding:6px 14px;transition:all .2s;display:flex}.wallet-badge:hover{border-color:var(--gold);transform:translateY(-1px)}.wallet-label{letter-spacing:.8px;color:var(--gold);font-size:10px;font-weight:700}.wallet-amount{font-size:14px;font-weight:800;font-family:var(--font-heading)}.envelopes-grid{perspective:1200px;grid-template-columns:repeat(5,1fr);gap:16px;margin:50px 0 28px;padding-top:45px;display:grid}@media (width<=960px){.envelopes-grid{grid-template-columns:repeat(3,1fr);row-gap:55px}}@media (width<=600px){.envelopes-grid{grid-template-columns:repeat(2,1fr);row-gap:55px}}.envelope-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#181a28 0%,#12131f 100%);border:1px solid #ffffff17;border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:center;height:240px;padding:14px;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.envelope-card:hover:not(.disabled){border-color:#f9cb6b80;transform:translateY(-6px)scale(1.02);box-shadow:0 16px 32px -8px #0009,0 0 16px #f9cb6b33}.envelope-card.disabled{opacity:.6;cursor:not-allowed}.envelope-card.selected{border-color:var(--gold);box-shadow:0 0 24px #f9cb6b59}.envelope-num-badge{color:var(--text-dim);font-size:11px;font-weight:800;font-family:var(--font-heading);background:#0006;border-radius:6px;padding:2px 8px;position:absolute;top:10px;left:10px}.envelope-wax-seal{color:#3d2900;z-index:10;background:radial-gradient(circle,#f9cb6b 20%,#b8860b 80%,#7a5800 100%);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:900;transition:transform .4s,opacity .3s;display:flex;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000080,inset 0 2px 4px #fff6}.envelope-card.opened .envelope-wax-seal{opacity:0;transform:translate(-50%,-150%)scale(.6)}.prize-voucher{color:#2b1d00;text-align:center;opacity:0;z-index:5;background:linear-gradient(135deg,#f9cb6b,#e0a325);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:12px;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;position:absolute;inset:14px 14px 50px;transform:translateY(100%);box-shadow:0 8px 20px #0006}.envelope-card.opened .prize-voucher{opacity:1;transform:translateY(0)}.voucher-mult{font-size:24px;font-weight:900;font-family:var(--font-heading);line-height:1}.voucher-payout{margin-top:4px;font-size:14px;font-weight:800}.voucher-net{border-radius:4px;margin-top:4px;padding:2px 6px;font-size:11px;font-weight:700}.voucher-net.win{color:#065f46;background:#10b98133}.voucher-net.loss{color:#881337;background:#f43f5e33}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;width:100%;max-width:580px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 25px 50px -12px #000c,0 0 20px #8067ff1a}.toast-notice{background:var(--bg-card);border:1px solid var(--gold);color:var(--text-main);z-index:200;border-radius:10px;padding:12px 20px;font-size:13px;font-weight:600;animation:.3s slideUp;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px #0009}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.arena-action-bar{border-top:1px solid var(--border-subtle);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:16px;padding-top:20px;display:flex}.arena-stake-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.arena-stake-label{color:var(--text-muted);font-size:12px;font-weight:800}.arena-stake-btn{cursor:pointer;border:1px solid #ffffff14;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:800;transition:all .2s}.arena-action-btn-wrap{flex-shrink:0;align-items:center;margin-left:auto;display:flex}.arena-action-btn-group{flex-shrink:0;align-items:center;gap:10px;display:flex}.mobile-bottom-nav{display:none}@media (width<=900px){body{padding-bottom:74px}.desktop-nav-tabs{display:none!important}.header-wrap{gap:8px;padding:.5rem .75rem}.brand-container{gap:8px}.brand-logo-3d-wrap{width:42px!important;height:42px!important}.brand-title-main{font-size:15px!important}.brand-sub-badge{display:none!important}.user-bar{gap:6px}.wallet-badge{padding:4px 8px}.wallet-label{font-size:8px}.wallet-amount{font-size:12px}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:999;height:62px;padding:0 4px calc(env(safe-area-inset-bottom,0px) + 2px);background:#0b0e19f2;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 25px #0009}.mobile-bottom-nav-item{color:var(--text-muted);font-size:10px;font-weight:700;font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:6px 2px;text-decoration:none;transition:color .15s,transform .15s;display:flex}.mobile-bottom-nav-item.active{color:var(--gold)}.mobile-bottom-nav-item:active{transform:scale(.92)}.mobile-nav-icon{margin-bottom:2px;font-size:18px;line-height:1}.mobile-nav-play-pill{background:linear-gradient(135deg,#f9cb6b 0%,#e0a325 100%);border:2px solid #08090e;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-top:-14px;display:flex;box-shadow:0 4px 14px #f9cb6b73}.mobile-nav-play-pill .play-icon{margin-bottom:0;font-size:18px}.mobile-nav-label.play-label{color:var(--gold);margin-top:2px;font-weight:800}}@media (width<=640px){.modal-overlay{align-items:flex-end!important;padding:8px!important}.modal-content{border-radius:20px 20px 8px 8px!important;width:100%!important;max-height:88vh!important;padding:18px 14px!important}.modal-content table{-webkit-overflow-scrolling:touch!important;width:100%!important;display:block!important;overflow-x:auto!important}.envelopes-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin:20px 0!important;padding-top:15px!important}.envelopes-grid .real-envelope-unit{height:180px!important}.envelopes-grid .real-envelope-unit:nth-child(5){grid-column:1/span 2!important;width:100%!important;max-width:220px!important;margin:0 auto!important}.envelope-wax-seal{width:38px!important;height:38px!important;font-size:15px!important}.voucher-value{font-size:18px!important}.toast-notice{text-align:center;bottom:74px!important;left:12px!important;right:12px!important}.arena-page-wrap{padding:12px 10px!important}.arena-action-bar{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.arena-stake-group{grid-template-columns:repeat(5,1fr)!important;gap:6px!important;width:100%!important;display:grid!important}.arena-stake-label{grid-column:1/-1!important;margin-bottom:2px!important}.arena-stake-btn{text-align:center!important;width:100%!important;padding:9px 2px!important;font-size:11px!important}.arena-action-btn-wrap,.arena-action-btn-group{flex-direction:column!important;gap:8px!important;width:100%!important;margin-left:0!important}.arena-primary-btn{justify-content:center!important;width:100%!important;padding:13px 18px!important;font-size:14px!important}}.modal-form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.modal-form-grid-2{grid-template-columns:1fr!important;gap:8px!important}}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option{padding:8px 12px;font-size:13px;font-weight:600;color:#f8fafc!important;background-color:#11131c!important}select option:checked{font-weight:800;color:#11131c!important;background-color:#f9cb6b!important}select option:hover,select option:focus{color:#fff!important;background-color:#1e2235!important}input::placeholder,select::placeholder{color:#ffffff73}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert()brightness(1.2);opacity:.9;border-radius:4px;padding:4px;transition:all .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{filter:invert()brightness(1.5);background:#f9cb6b33;transform:scale(1.15)}:root{--bg:#070a17;--bg-card:#121830b3;--bg-card-hover:#1b2446d9;--ink:#f3f5ff;--muted:#9ba6cc;--line:#ffffff1a;--line-glow:#8067ff59;--v:#8067ff;--v-glow:#8067ff66;--c:#45e0d0;--c-glow:#45e0d066;--g:#f9cb6b;--g-glow:#f9cb6b66;--r:#ff5778;--radius:20px;--radius-sm:12px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Plus Jakarta Sans,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,.brand,.btn,.stat-num,.pill-tag{font-family:Outfit,sans-serif}.bg-glow-1{pointer-events:none;z-index:0;background:radial-gradient(circle,#8067ff26 0%,#070a1700 70%);width:600px;height:600px;position:fixed;top:-100px;right:-150px}.bg-glow-2{pointer-events:none;z-index:0;background:radial-gradient(circle,#45e0d01f 0%,#070a1700 70%);width:500px;height:500px;position:fixed;bottom:10%;left:-150px}.nav-wrap{z-index:100;width:100%;padding:16px 24px;transition:all .3s;position:fixed;top:0;left:0}.nav-wrap.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#070a17d9;padding:12px 24px}.nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.brand-link{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-img-wrap{background:#fff;border:1.5px solid #f9cb6b80;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;padding:4px;transition:transform .8s cubic-bezier(.34,1.4,.64,1),box-shadow .3s,border-color .3s;display:inline-flex;overflow:hidden;box-shadow:0 4px 18px #0006,0 0 18px #f9cb6b59}.brand-img-wrap:hover{border-color:var(--g);transform:rotateY(360deg)scale(1.08);box-shadow:0 8px 25px #f9cb6b99,0 0 25px #8067ff66}.brand-img-wrap img{object-fit:contain;width:100%;height:100%;display:block;transform:none}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:#c4cce8;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s,transform .2s}.nav-links a:hover{color:var(--c);transform:translateY(-1px)}.nav-actions{align-items:center;gap:12px;display:flex}.btn-login{border:1px solid var(--line);color:var(--ink);background:#ffffff12;border-radius:12px;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .25s}.btn-login:hover{background:#ffffff26;border-color:#ffffff4d}.btn-primary{background:linear-gradient(135deg, var(--c), #2bb0a3);color:#051419;box-shadow:0 4px 20px var(--c-glow);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #45e0d073}.btn-glow{background:linear-gradient(135deg, var(--v), #6445ff);color:#fff;box-shadow:0 4px 20px var(--v-glow)}.btn-glow:hover{box-shadow:0 8px 28px #8067ff8c}.mobile-toggle{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;padding:8px 12px;font-size:20px;display:none}.hero{align-items:center;min-height:100vh;padding:130px 24px 60px;display:flex;position:relative;overflow:hidden}.slide{opacity:0;justify-content:center;align-items:center;transition:opacity 1s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.slide.active{opacity:1}.slide video{object-fit:cover;z-index:0;filter:saturate(.85)brightness(.45);width:100%;height:100%;position:absolute;inset:0}.slide:after{content:"";z-index:1;background:radial-gradient(circle at 75% 40%,#8067ff33 0%,#070a17f2 75%),linear-gradient(#070a17b3 0%,#070a17f2 100%);position:absolute;inset:0}.slide.two:after{background:radial-gradient(circle at 25% 40%,#45e0d038 0%,#070a17f2 75%),linear-gradient(#070a17b3 0%,#070a17f2 100%)}.slide.three:after{background:radial-gradient(circle at 75%,#f9cb6b33 0%,#070a17f2 75%),linear-gradient(#070a17b3 0%,#070a17f2 100%)}.hero-grid{z-index:3;grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-content{max-width:620px}.badge-pill{color:var(--c);letter-spacing:1px;text-transform:uppercase;background:#45e0d01f;border:1px solid #45e0d059;border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}.badge-pill .dot-pulse{background:var(--c);width:8px;height:8px;box-shadow:0 0 10px var(--c);border-radius:50%;animation:1.8s infinite pulseDot}@keyframes pulseDot{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.7;transform:scale(.9)}}.hero h1{letter-spacing:-2px;margin-bottom:22px;font-size:clamp(42px,5.5vw,76px);font-weight:900;line-height:1.02}.hero h1 .sparkle-text{background:linear-gradient(135deg, #baaaff, var(--c), var(--g));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero p{color:#c9d2ee;margin-bottom:34px;font-size:17px;line-height:1.68}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-stats-row{border-top:1px solid var(--line);gap:32px;margin-top:48px;padding-top:32px;display:flex}.hero-stat-item b{color:var(--ink);font-family:Outfit,sans-serif;font-size:26px;font-weight:800;display:block}.hero-stat-item span{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.hero-demo-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#121830d1;border:1px solid #ffffff2e;border-radius:26px;padding:28px 24px;position:relative;overflow:visible;box-shadow:0 25px 60px #000000a6,0 0 45px #8067ff2e}.demo-badge{color:var(--g);letter-spacing:.5px;background:#f9cb6b26;border:1px solid #f9cb6b66;border-radius:8px;padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:18px;right:20px}.hero-demo-header{margin-bottom:18px}.hero-demo-header h3{margin-bottom:4px;font-size:19px}.hero-demo-header p{color:var(--muted);margin:0;font-size:12px}.real-envelopes-grid{perspective:1200px;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 16px;display:grid}.real-envelopes-grid.five-practice-grid{perspective:1200px;grid-template-columns:repeat(6,1fr);gap:12px;margin:24px 0 16px;display:grid}.real-envelopes-grid.five-practice-grid .real-envelope-unit{grid-column:span 2;height:205px}.real-envelopes-grid.five-practice-grid .real-envelope-unit:nth-child(4){grid-column:2/span 2}.real-envelopes-grid.five-practice-grid .real-envelope-unit:nth-child(5){grid-column:4/span 2}.real-envelope-unit.disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}.real-envelope-unit.selected{z-index:12;transform:translateY(-6px)scale(1.02)}@media (width<=600px){.real-envelopes-grid.five-practice-grid{grid-template-columns:repeat(2,1fr);gap:14px}.real-envelopes-grid.five-practice-grid .real-envelope-unit{height:190px;grid-column:auto!important}.real-envelopes-grid.five-practice-grid .real-envelope-unit:nth-child(5){width:100%;max-width:220px;margin:0 auto;grid-column:1/span 2!important}}.real-envelope-unit{perspective:1000px;cursor:pointer;height:215px;position:relative}.envelope-stage{border-radius:16px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0;overflow:visible}.real-envelope-unit:hover .envelope-stage{transform:translateY(-4px)}.env-back-plate{z-index:1;background:radial-gradient(circle at 50% 30%,#281d5a,#110d29);border:1px solid #ffffff1f;border-radius:16px;position:absolute;inset:0;overflow:hidden;box-shadow:0 15px 35px #00000080,inset 0 0 20px #000c}.env-back-plate:before{content:"";opacity:.6;background:repeating-linear-gradient(45deg,#ffffff05 0 6px,#0000 6px 12px);position:absolute;inset:0}.env-voucher{text-align:center;color:#1a1236;z-index:2;opacity:.9;background:linear-gradient(135deg,#fffcf0 0%,#fae69e 40%,#ffd063 70%,#e09f29 100%);border:2px solid #ffd875;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:82%;padding:12px 10px;transition:transform .65s cubic-bezier(.34,1.4,.64,1),box-shadow .65s,opacity .4s;display:flex;position:absolute;bottom:8%;left:6%;right:6%;overflow:hidden;transform:translateY(12px)scale(.96);box-shadow:0 8px 24px #0006,inset 0 1px #fffc}.env-voucher .voucher-tag{letter-spacing:1.2px;color:#7b5809;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:800}.env-voucher .voucher-value{color:#120e2e;text-shadow:0 2px 4px #fff9;margin:2px 0;font-family:Outfit,sans-serif;font-size:24px;font-weight:900;line-height:1.1}.env-voucher .voucher-meta{color:#57461e;letter-spacing:.5px;background:#00000014;border-radius:6px;padding:2px 8px;font-size:9px;font-weight:700}.env-voucher:after{content:"";pointer-events:none;background:linear-gradient(60deg,#0000 40%,#ffffffb3 50%,#0000 60%);width:200%;height:200%;transition:transform .8s;position:absolute;top:-50%;left:-50%;transform:rotate(25deg)translateY(-100%)}.env-pocket{z-index:4;pointer-events:none;position:absolute;inset:0}.env-flap-left{clip-path:polygon(0 0,52% 50%,0 100%);filter:drop-shadow(2px 0 5px #0000004d);background:linear-gradient(135deg,#3c2a8c 0%,#201b52 100%);border-radius:16px 0 0 16px;width:100%;position:absolute;top:0;bottom:0;left:0}.env-flap-right{clip-path:polygon(100% 0,48% 50%,100% 100%);filter:drop-shadow(-2px 0 5px #0000004d);background:linear-gradient(-135deg,#3c2a8c 0%,#201b52 100%);border-radius:0 16px 16px 0;width:100%;position:absolute;top:0;bottom:0;right:0}.env-flap-bottom{clip-path:polygon(0 100%,100% 100%,50% 42%);filter:drop-shadow(0 -4px 7px #00000073);background:linear-gradient(#4a36b0 0%,#3e2e94 50%,#2b1c6c 100%);border-radius:0 0 16px 16px;height:100%;position:absolute;bottom:0;left:0;right:0}.env-pocket-text{text-align:center;color:#d6ccff;letter-spacing:1px;text-transform:uppercase;z-index:5;font-size:9px;font-weight:800;transition:opacity .3s;position:absolute;bottom:12px;left:0;right:0}.env-flap-top{transform-origin:top;height:52%;transform-style:preserve-3d;z-index:6;filter:drop-shadow(0 6px 10px #0000008c);transition:transform .65s cubic-bezier(.34,1.3,.64,1);position:absolute;top:0;left:0;right:0}.env-flap-front{clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:hidden;background:linear-gradient(#533ec2 0%,#39288e 65%,#2a1b70 100%);border-radius:16px 16px 0 0;position:absolute;inset:0}.env-flap-front:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#ffffff2e 0%,#0000 40%);position:absolute;inset:0}.env-flap-inner{clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:hidden;background:radial-gradient(circle at 50% 80%,#20174a,#0e0924);border-radius:16px 16px 0 0;position:absolute;inset:0;transform:rotateX(180deg)}.env-seal-wax{color:#3b2803;z-index:7;background:radial-gradient(circle at 35% 35%,#fff2a3 0%,#f7c340 45%,#b5830c 90%);border:2px solid #ffea8a;border-radius:50%;place-items:center;width:38px;height:38px;font-size:15px;font-weight:900;transition:transform .3s,opacity .3s;display:grid;position:absolute;bottom:-4px;left:50%;transform:translate(-50%,50%);box-shadow:0 4px 14px #0009,inset 0 2px 4px #ffffffb3}.real-envelope-unit:hover .env-seal-wax{transform:translate(-50%,50%)scale(1.1)rotate(6deg)}.real-envelope-unit.opened .env-flap-top{filter:drop-shadow(0 -5px 8px #00000059);transform:rotateX(180deg)}.real-envelope-unit.opened .env-seal-wax{opacity:0;transform:translate(-50%,50%)scale(.5)}.real-envelope-unit.opened .env-voucher{opacity:1;z-index:10;transition-delay:.22s;transform:translateY(-64px)scale(1.05);box-shadow:0 20px 45px #000000a6,0 0 35px #f9cb6b73}.real-envelope-unit.opened .env-voucher:after{transition-delay:.3s;transform:rotate(25deg)translateY(150%)}.real-envelope-unit.opened .env-pocket-text{opacity:0}.demo-result-bar{border:1px solid var(--line);background:#0a0f1e99;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;display:flex}.demo-result-bar b{color:var(--g);font-size:14px}.demo-reset-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff14;border-radius:8px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .2s}.demo-reset-btn:hover{color:#fff;border-color:var(--c);background:#45e0d026}.hero-controls{z-index:10;justify-content:space-between;align-items:center;width:calc(100% - 48px);max-width:1200px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hero-dots{gap:8px;display:flex}.hero-dot{cursor:pointer;background:#ffffff40;border:none;border-radius:4px;width:32px;height:4px;transition:all .3s}.hero-dot.active{background:var(--c);width:48px;box-shadow:0 0 10px var(--c-glow)}.hero-counter{color:var(--muted);letter-spacing:1px;font-size:12px;font-weight:700}.ticker-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);z-index:10;background:linear-gradient(90deg,#101530 0%,#171d42 50%,#101530 100%);padding:14px 0;position:relative;overflow:hidden}.ticker-inner{gap:40px;width:max-content;animation:25s linear infinite tickerScroll;display:flex}.ticker-inner:hover{animation-play-state:paused}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{color:#cdd6f5;white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.ticker-item .win-badge{color:var(--c);background:#45e0d026;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:800}.ticker-item .prize-val{color:var(--g);font-weight:800}.section{z-index:5;max-width:1200px;margin:0 auto;padding:100px 24px;position:relative}.section-head{text-align:center;max-width:700px;margin:0 auto 60px}.section-kicker{letter-spacing:1.8px;color:var(--c);text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:800;display:block}.section-title{letter-spacing:-1.5px;margin-bottom:16px;font-size:clamp(32px,4vw,46px);line-height:1.1}.section-desc{color:var(--muted);font-size:15px;line-height:1.65}.steps-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.step-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--radius);padding:30px 24px;transition:all .3s;position:relative}.step-card:hover{background:var(--bg-card-hover);border-color:#8067ff66;transform:translateY(-6px);box-shadow:0 15px 35px #0006}.step-number{border:1px solid var(--line);width:44px;height:44px;color:var(--c);background:linear-gradient(135deg,#8067ff4d,#45e0d033);border-radius:14px;justify-content:center;align-items:center;margin-bottom:20px;font-size:16px;font-weight:800;display:inline-flex}.step-card h3{letter-spacing:-.5px;margin-bottom:10px;font-size:18px}.step-card p{color:var(--muted);font-size:13px;line-height:1.6}.values-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.value-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#171f3ebf,#0d1226d9);padding:34px 28px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.value-card:before{content:"";background:linear-gradient(90deg, transparent, var(--v), transparent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.value-card:hover{border-color:#8067ff66;transform:translateY(-6px);box-shadow:0 20px 40px #00000080,0 0 30px #8067ff1a}.value-card:hover:before{opacity:1}.value-icon-box{color:#baa7ff;background:#8067ff26;border:1px solid #8067ff4d;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:22px;font-size:22px;display:grid}.value-card:nth-child(2) .value-icon-box{color:var(--c);background:#45e0d026;border-color:#45e0d04d}.value-card:nth-child(3) .value-icon-box{color:var(--g);background:#f9cb6b26;border-color:#f9cb6b4d}.value-card:nth-child(4) .value-icon-box{color:var(--r);background:#ff577826;border-color:#ff57784d}.value-card:nth-child(5) .value-icon-box{color:var(--c);background:#45e0d026;border-color:#45e0d04d}.value-card:nth-child(6) .value-icon-box{color:#baa7ff;background:#8067ff26;border-color:#8067ff4d}.value-card h3{letter-spacing:-.5px;margin-bottom:12px;font-size:20px}.value-card p{color:var(--muted);font-size:13px;line-height:1.65}.beliefs-container{grid-template-columns:1fr 1fr;gap:24px;display:grid}.belief-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#1a2445b3,#0f152dcc);padding:36px 32px;transition:all .3s;position:relative}.belief-box:hover{border-color:#45e0d066;transform:translateY(-4px);box-shadow:0 15px 35px #0006}.belief-tag{letter-spacing:1.2px;color:var(--c);text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:800;display:inline-block}.belief-box h3{letter-spacing:-.6px;margin-bottom:12px;font-size:22px}.belief-box p{color:var(--muted);font-size:14px;line-height:1.7}.tiers-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.tier-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:28px 22px;transition:all .3s;position:relative}.tier-card.featured{border-color:var(--v);background:linear-gradient(150deg,#2e2464d9,#141a38e6);transform:scale(1.03);box-shadow:0 15px 40px #8067ff40}.tier-card:hover{border-color:#ffffff4d;transform:translateY(-6px)}.tier-card.featured:hover{transform:scale(1.03)translateY(-6px)}.tier-icon{margin-bottom:14px;font-size:36px}.tier-name{margin-bottom:6px;font-size:19px;font-weight:800}.tier-badge{color:#ccd5f2;background:#ffffff1a;border-radius:6px;margin-bottom:16px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block}.tier-perks{color:var(--muted);text-align:left;border-top:1px solid var(--line);padding-top:16px;font-size:12px;line-height:2;list-style:none}.tier-perks li:before{content:"✓ ";color:var(--c);font-weight:700}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testi-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;justify-content:space-between;padding:28px;transition:all .3s;display:flex}.testi-card:hover{border-color:#ffffff40;transform:translateY(-5px)}.testi-stars{color:var(--g);letter-spacing:2px;margin-bottom:14px;font-size:16px}.testi-text{color:#cdd4ee;margin-bottom:22px;font-size:14px;font-style:italic;line-height:1.65}.testi-author{align-items:center;gap:12px;display:flex}.author-avatar{background:linear-gradient(135deg, var(--v), var(--c));color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:grid}.author-meta b{font-size:13px;display:block}.author-meta span{color:var(--muted);font-size:11px}.responsible-banner{background:linear-gradient(135deg,#1b264e,#0e1730);border:1px solid #45e0d04d;border-radius:24px;justify-content:space-between;align-items:center;gap:32px;padding:38px 42px;display:flex;box-shadow:0 15px 40px #0006}.responsible-content h3{letter-spacing:-.5px;margin-bottom:8px;font-size:22px}.responsible-content p{color:#cad3ef;max-width:720px;font-size:13px;line-height:1.65}.faq-wrap{max-width:850px;margin:0 auto}.faq-filter-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:36px;display:flex}.faq-tab-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff0f;border-radius:30px;padding:8px 18px;font-size:12px;font-weight:700;transition:all .2s}.faq-tab-btn.active,.faq-tab-btn:hover{background:var(--v);border-color:var(--v);color:#fff;box-shadow:0 4px 15px var(--v-glow)}.faq-list{flex-direction:column;gap:14px;display:flex}.faq-item{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:16px;transition:all .25s;overflow:hidden}.faq-item:hover{border-color:#fff3}.faq-question{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;display:flex}.faq-icon{width:28px;height:28px;color:var(--c);background:#ffffff14;border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;transition:transform .3s;display:grid}.faq-item.open .faq-icon{background:var(--c);color:#07121b;transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-answer-inner{color:var(--muted);padding:0 26px 24px;font-size:14px;line-height:1.7}.cta-banner{text-align:center;background:radial-gradient(circle at 50% 0,#8067ff59,#0000 70%),linear-gradient(145deg,#182046,#0e142e);border:1px solid #8067ff4d;border-radius:28px;padding:70px 32px;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000080}.cta-banner h2{letter-spacing:-2px;margin:12px 0 16px;font-size:clamp(34px,4.5vw,54px)}.cta-banner p{color:#cad3ef;max-width:600px;margin:0 auto 36px;font-size:16px;line-height:1.6}.newsletter-form{gap:10px;max-width:480px;margin:0 auto;display:flex}.newsletter-input{border:1px solid var(--line);color:var(--ink);background:#0a0f20cc;border-radius:12px;outline:none;flex:1;padding:14px 18px;font-family:inherit;font-size:13px;transition:border-color .2s}.newsletter-input:focus{border-color:var(--c)}.footer-wrap{border-top:1px solid var(--line);z-index:5;background:#04060e;padding:70px 24px 30px;position:relative}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{grid-template-columns:1.4fr .8fr .8fr 1fr;gap:40px;margin-bottom:50px;display:grid}.footer-col h4{color:var(--ink);letter-spacing:.5px;margin-bottom:20px;font-size:15px;font-weight:700}.footer-col p{color:var(--muted);max-width:320px;margin-top:14px;font-size:13px;line-height:1.7}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--c)}.badges-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.trust-badge{border:1px solid var(--line);color:#b7c3ea;background:#ffffff0f;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.footer-bottom{border-top:1px solid var(--line);color:#717d9e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:25px;font-size:12px;display:flex}.landing-toast{border:1px solid var(--c);color:var(--ink);opacity:0;z-index:999;background:#192347;border-radius:12px;padding:14px 20px;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:24px;right:24px;transform:translateY(100px);box-shadow:0 10px 30px #00000080}.landing-toast.show{opacity:1;transform:translateY(0)}@media (width<=1024px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero-content{text-align:center;max-width:100%}.hero-cta-group,.hero-stats-row{justify-content:center}.steps-grid,.values-grid,.tiers-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.nav-links{display:none}.nav-links.mobile-open{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#070a17fa;flex-direction:column;gap:18px;width:100%;padding:24px;display:flex;position:absolute;top:100%;left:0}.mobile-toggle{display:block}.hero{padding:85px 14px 40px!important}.hero h1{letter-spacing:-.8px!important;margin-bottom:14px!important;font-size:clamp(26px,7.5vw,36px)!important}.hero p{margin-bottom:22px!important;font-size:14px!important;line-height:1.55!important}.hero-cta-group{flex-direction:column!important;gap:10px!important;width:100%!important}.hero-cta-group .btn{justify-content:center!important;width:100%!important;padding:13px 20px!important}.hero-stats-row{text-align:center!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin-top:24px!important;padding-top:18px!important;display:grid!important}.hero-stat-item b{font-size:18px!important}.hero-stat-item span{font-size:9px!important}.hero-demo-card{border-radius:20px!important;padding:16px 12px!important}.real-envelopes-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.real-envelope-unit{height:175px!important}.real-envelope-unit:nth-child(5){grid-column:1/span 2!important;width:100%!important;max-width:200px!important;margin:0 auto!important}.env-wax-seal{width:36px!important;height:36px!important;font-size:14px!important}.env-voucher .voucher-value{font-size:17px!important}.steps-grid,.values-grid,.beliefs-container,.tiers-grid{grid-template-columns:1fr!important;gap:14px!important}.responsible-banner{text-align:center!important;flex-direction:column!important;padding:24px 16px!important}.newsletter-form{flex-direction:column!important;gap:10px!important}.newsletter-input,.newsletter-btn{width:100%!important}.footer-grid{grid-template-columns:1fr!important;gap:24px!important}.footer-bottom{text-align:center!important;flex-direction:column!important;gap:12px!important}section{padding:45px 14px!important}.section-head{margin-bottom:28px!important}.section-head h2{letter-spacing:-.5px!important;font-size:24px!important}.section-head p{font-size:13px!important}}
