.bg-gradient-page{background:linear-gradient(180deg,#0a0e1a,#0d1424 8%,#101b30 16%,#13223d 24%,#1a3050 30%,#234166 36%,#2e5580 42%,#3b6a96 48%,#5590b8 54%,#78b0d4 60%,#a3d0e8 66%,#c5e3f2 72%,#dceef7 78%,#eaf4fa 84%,#f2f8fc 90%,#f8fbfd 95%,#fff)}.access-gate{position:fixed;inset:0;z-index:10001;background:#050810;display:flex;align-items:center;justify-content:center;transition:opacity .6s cubic-bezier(.16,1,.3,1);overflow:hidden}.access-gate.granted{opacity:0;pointer-events:none}.gate-canvas{position:absolute;inset:0;width:100%;height:100%}.gate-content{position:relative;z-index:2;text-align:center}.gate-input{caret-color:rgba(52,211,153,.6);letter-spacing:.3em;transition:all .3s}.gate-input:focus{box-shadow:0 0 0 1px rgba(52,211,153,.15),0 0 40px rgba(52,211,153,.04);border-color:rgba(52,211,153,.2)!important;background:rgba(52,211,153,.03)!important}.gate-input.granted{border-color:#34d399!important;box-shadow:0 0 0 1px #34d399,0 0 50px rgba(52,211,153,.15)!important;background:rgba(52,211,153,.05)!important}.gate-input.error{border-color:#ef4444!important;box-shadow:0 0 0 1px #ef4444,0 0 30px rgba(239,68,68,.1)!important}@keyframes gateShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}.gate-shake{animation:gateShake .4s ease}@keyframes gateDrift{0%,to{transform:translate(var(--gx1),var(--gy1));opacity:0}50%{transform:translate(var(--gx2),var(--gy2));opacity:var(--gpeak)}}.gate-particle{position:absolute;border-radius:50%;animation:gateDrift var(--gdur) ease-in-out infinite;animation-delay:var(--gdelay)}.gate-btn{background:linear-gradient(135deg,rgba(52,211,153,.12),rgba(6,182,212,.12));border:1px solid rgba(52,211,153,.15);color:hsla(0,0%,100%,.5);padding:10px 28px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s;font-family:var(--font-accent),"Space Grotesk",sans-serif;letter-spacing:.05em}.gate-btn:hover{background:linear-gradient(135deg,rgba(52,211,153,.2),rgba(6,182,212,.2));border-color:rgba(52,211,153,.3);color:hsla(0,0%,100%,.8);transform:translateY(-1px);box-shadow:0 4px 20px rgba(52,211,153,.1)}.gate-btn.granted{background:linear-gradient(135deg,rgba(52,211,153,.3),rgba(6,182,212,.3));border-color:#34d399;color:#34d399}.gate-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.6) 100%)}.curtain-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.curtain-panel{position:absolute;top:0;width:50%;height:100%;background:#050810;clip-path:inset(0);transition:clip-path 1.3s cubic-bezier(.76,0,.24,1)}.curtain-left{left:0}.curtain-right{right:0}.curtain-overlay.open .curtain-left{clip-path:inset(0 100% 0 0)}.curtain-overlay.open .curtain-right{clip-path:inset(0 0 0 100%)}.curtain-brand{position:relative;z-index:2;opacity:1;transition:opacity .5s ease}.curtain-overlay.open .curtain-brand{opacity:0}.intro-overlay{position:fixed;inset:0;z-index:9999;background:#0a0e1a;display:flex;align-items:center;justify-content:center;transition:opacity .8s cubic-bezier(.16,1,.3,1)}.intro-overlay.fade-out{opacity:0;pointer-events:none}.intro-canvas{width:100%;height:100%}.text-gradient-emerald{background:linear-gradient(135deg,#34d399,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-warm{background:linear-gradient(135deg,#f59e0b,#ef4444,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-sky{background:linear-gradient(135deg,#38bdf8,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reveal-section{opacity:0;transform:translateY(40px);transition:all .9s cubic-bezier(.16,1,.3,1)}.reveal-section.visible{opacity:1;transform:translateY(0)}.nav-glass{background:rgba(10,14,26,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid hsla(0,0%,100%,.06);transition:background .5s,border-color .5s}.nav-glass.light-mode{background:hsla(0,0%,100%,.85);border-bottom-color:rgba(0,0,0,.08)}.nav-glass.light-mode .nav-link{color:#1e293b}.nav-glass.light-mode .nav-logo{color:#0f172a}.nav-link{color:hsla(0,0%,100%,.7);transition:color .3s}.nav-link:hover{color:#fff}.nav-glass.light-mode .nav-link:hover{color:#0ea5e9}.phone-frame{width:260px;height:520px;border-radius:36px;border:3px solid hsla(0,0%,100%,.15);background:#111827;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1)}.phone-notch{width:100px;height:24px;background:#000;border-radius:0 0 16px 16px;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:10}.phone-screen{position:absolute;inset:12px;border-radius:24px;overflow:hidden;background:#0f172a}.qr-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:2px;width:140px;height:140px}.qr-cell{border-radius:2px;transition:all .15s}.qr-cell.filled{background:rgba(52,211,153,.8)}.qr-cell.empty{background:hsla(0,0%,100%,.05)}.qr-cell.scanning{background:rgba(6,182,212,.9);animation:qrPulse .3s ease}@keyframes qrPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.qr-label{width:185px;background:#f8f6f0;border-radius:10px;box-shadow:0 4px 24px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.15);-moz-user-select:none;user-select:none;-webkit-user-select:none}.qr-label,.qr-label-header{overflow:hidden;position:relative}.qr-label-header{height:56px;background:linear-gradient(135deg,#2d1810,#4a2c1a 30%,#6b4423 50%,#c9963a 70%,#f5d76e 85%,#c9963a);background-size:200% 200%;animation:labelShimmer 4s ease infinite;display:flex;align-items:center;justify-content:center;gap:8px}@keyframes labelShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.qr-label-header:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,hsla(0,0%,100%,.12) 45%,transparent 55%);animation:holoShine 3s ease-in-out infinite}@keyframes holoShine{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.qr-label-body{padding:4px 16px 0;display:flex;flex-direction:column;align-items:center}.qr-label-qr{width:100px;height:100px;display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);gap:1px}.qr-label-qr span{border-radius:.5px}.qr-label-id{font-family:var(--font-accent),"Space Grotesk",monospace;font-size:13px;font-weight:700;color:#1a1a1a;letter-spacing:.03em}.qr-label-scratch-area{position:relative;width:100%;height:100px;margin-top:-30px;overflow:hidden;border-radius:0 0 10px 10px;z-index:3}.qr-label-scratch-area canvas{position:absolute;inset:0;z-index:2;cursor:pointer}.qr-label-pin-reveal{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;align-items:center;padding:8px 0 10px;background:transparent}.qr-label-pin{font-family:var(--font-accent),"Space Grotesk",monospace;font-size:17px;font-weight:700;color:#1a1a1a;letter-spacing:.05em}.qr-label-pin-hint{font-size:9px;color:#999;margin-top:2px}.qr-label-scratch-prompt{transition:opacity .5s}.scratch-card{width:280px;height:180px;position:relative;border-radius:16px;overflow:hidden;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none}.scratch-card canvas{z-index:2}.scratch-card canvas,.scratch-reveal{position:absolute;inset:0;border-radius:16px}.scratch-reveal{z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.survey-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e);outline:none}.survey-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer;border:3px solid #0ea5e9}.survey-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer;border:3px solid #0ea5e9}.tier-ring{width:200px;height:200px;position:relative}.tier-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.tier-ring-bg{fill:none;stroke:hsla(0,0%,100%,.08);stroke-width:8}.tier-ring-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.16,1,.3,1),stroke .5s}.tier-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dist-map-desktop{position:relative;width:100%;max-width:28rem;height:18rem;border-radius:16px;border:1px solid rgba(15,23,42,.1);background:#e8f0f8;overflow:hidden}.dist-node{width:14px;height:14px;transition:all .6s cubic-bezier(.16,1,.3,1)}.dist-node,.dist-node:after{border-radius:50%;position:absolute}.dist-node:after{content:"";inset:-4px;border:2px solid;opacity:0;animation:nodePing 2s infinite}@keyframes nodePing{0%{transform:scale(.8);opacity:.6}to{transform:scale(2);opacity:0}}.dist-mobile-pipeline{display:none;flex-direction:column;max-width:300px;margin:0 auto}.dist-mobile-pipeline,.dist-mobile-step{align-items:center;width:100%;position:relative}.dist-mobile-step{display:flex;gap:16px;z-index:2}.dist-mobile-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative}.dist-mobile-icon svg{width:22px;height:22px}.dist-mobile-icon.inactive{opacity:.3}.dist-mobile-icon.active{opacity:1;transform:scale(1.1);box-shadow:0 0 20px rgba(0,0,0,.15)}.dist-mobile-icon.pulse-active:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid;opacity:0;animation:nodePing 2s infinite}.dist-mobile-info .step-name{font-weight:600;font-size:15px}.dist-mobile-info .step-desc{font-size:12px;color:#94a3b8;margin-top:2px}.dist-mobile-connector{width:4px;height:48px;margin-left:22px;position:relative;z-index:1}.dist-mobile-connector-bg{position:absolute;inset:0;background:rgba(15,23,42,.08);border-radius:2px}.dist-mobile-connector-fill{position:absolute;top:0;left:0;right:0;height:0;border-radius:2px;transition:height .8s cubic-bezier(.16,1,.3,1)}.dist-mobile-package{position:absolute;width:28px;height:28px;border-radius:8px;background:#1e40af;color:#fff;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;left:10px;transition:top 1s cubic-bezier(.16,1,.3,1),opacity .4s}.trophy-carousel-container{position:relative;width:100%;max-width:520px;height:420px;perspective:1200px;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.carousel-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.16,1,.3,1)}.carousel-ring.dragging{transition:none}.plaque-item{position:absolute;top:50%;left:50%;width:190px;height:270px;margin-left:-95px;margin-top:-155px;border-radius:16px;overflow:hidden;cursor:grab;transition:box-shadow .5s ease,filter .5s ease,opacity .5s ease;backface-visibility:hidden;transform-style:preserve-3d}.plaque-item:active{cursor:grabbing}.plaque-item.active{z-index:10}.plaque-inner{width:100%;height:100%;border-radius:16px;padding:22px 18px 18px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.plaque-spotlight{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:160px;height:120px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .5s ease}.plaque-item.active .plaque-spotlight{opacity:1}.plaque-shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,hsla(0,0%,100%,.06) 45%,transparent 55%);pointer-events:none;transition:opacity .4s}.plaque-item.active .plaque-shine{background:linear-gradient(105deg,transparent 25%,hsla(0,0%,100%,.18) 45%,transparent 65%);animation:plaqueShimmer 2.8s ease-in-out infinite}@keyframes plaqueShimmer{0%,to{transform:translateX(-40px)}50%{transform:translateX(40px)}}.plaque-edition-num{font-family:var(--font-accent),"Space Grotesk",sans-serif;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.plaque-name{font-size:18px;font-weight:700;color:#fff;margin-top:10px;line-height:1.2}.plaque-subtitle{font-size:11px;margin-top:5px;opacity:.5}.plaque-rarity-bar{margin-top:14px;height:3px;border-radius:3px;overflow:hidden;opacity:.35}.plaque-rarity-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.16,1,.3,1)}.plaque-owner{display:flex;align-items:center;gap:10px}.plaque-owner-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.plaque-owner-info{display:flex;flex-direction:column;gap:2px}.plaque-owner-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.4}.plaque-owner-status{font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px}.plaque-owner-status .claimed-dot{width:6px;height:6px;border-radius:50%;animation:claimedPulse 2s ease-in-out infinite}@keyframes claimedPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.carousel-nav{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;z-index:20}.carousel-nav-btn{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(100,116,139,.25);background:hsla(0,0%,100%,.75);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#475569;padding:0}.carousel-nav-btn:hover{border-color:rgba(212,168,67,.5);background:hsla(0,0%,100%,.95);color:#b8860b;box-shadow:0 2px 12px rgba(212,168,67,.15)}.carousel-dots{display:flex;gap:8px}.carousel-dot{width:8px;height:8px;border-radius:50%;background:rgba(100,116,139,.2);border:none;cursor:pointer;transition:all .3s;padding:0}.carousel-dot.active{background:#d4a843;box-shadow:0 0 8px rgba(212,168,67,.4);transform:scale(1.3)}.plaque-item.active .plaque-inner{box-shadow:0 0 30px rgba(212,168,67,.12),0 8px 40px rgba(0,0,0,.15)}.chain-link{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative}.chain-connector{height:3px;background:linear-gradient(90deg,rgba(56,189,248,.4),rgba(56,189,248,.8));transition:width .8s cubic-bezier(.16,1,.3,1);position:relative}.chain-connector .pulse-dot{width:8px;height:8px;border-radius:50%;background:#38bdf8;position:absolute;top:-2.5px;animation:chainPulse 1.5s ease-in-out infinite}@keyframes chainPulse{0%{left:0}to{left:calc(100% - 8px)}}.landing-btn-primary{background:linear-gradient(135deg,#34d399,#0ea5e9);color:#fff;font-weight:600;padding:14px 32px;border-radius:12px;border:none;cursor:pointer;transition:transform .2s,box-shadow .3s;font-size:16px}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(52,211,153,.3)}.landing-btn-outline{border:2px solid hsla(0,0%,100%,.2);color:#fff;font-weight:500;padding:12px 28px;border-radius:12px;background:transparent;cursor:pointer;transition:all .3s}.landing-btn-outline:hover{border-color:#34d399;color:#34d399}.landing-btn-primary-light{background:linear-gradient(135deg,#059669,#0284c7)}.landing-btn-outline-light{border-color:rgba(15,23,42,.2);color:#1e293b}.landing-btn-outline-light:hover{border-color:#059669;color:#059669}.feature-num{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.section-divider{height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);margin:0 auto;max-width:600px}.section-divider-light{background:linear-gradient(90deg,transparent,rgba(15,23,42,.1),transparent)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.phone-frame{width:200px;height:400px;border-radius:28px}.phone-notch{width:80px;height:20px}.phone-screen{inset:10px;border-radius:18px}.scratch-card{width:240px;height:160px}.tier-ring{width:160px;height:160px}.dist-map-desktop{display:none}.dist-mobile-pipeline{display:flex}.trophy-carousel-container{height:360px;max-width:340px}.plaque-item{width:160px;height:230px;margin-left:-80px;margin-top:-130px}.plaque-inner{padding:16px 14px 14px}.plaque-name{font-size:15px}.plaque-edition-num{font-size:10px}.plaque-owner-avatar{width:26px;height:26px;font-size:11px}.qr-label{width:180px}.qr-label-header{height:48px}.qr-label-qr{width:85px;height:85px}.qr-label-scratch-area{height:88px;margin-top:-26px}}