:root{--background:#1a1a1a;--foreground:#ffffff;--accent-green:#a8d96e;--accent-dark:#2a2a2a;--card-bg:rgba(168,217,110,0.15);--border-radius:20px;--bar-gloss:rgba(255,255,255,0.3);--bar-green:#a8d96e;--bar-pink:#ff6b9d;--bar-blue:#4fc3f7}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background:var(--background);color:var(--foreground);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.tutorial-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:999999;padding:20px;animation:fadeIn .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tutorial-modal{background:var(--accent-dark);border:1px solid rgba(168,217,110,.3);border-radius:20px;padding:40px;max-width:800px;width:100%;position:relative;animation:slideUp .3s ease;z-index:1000000;margin:auto}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.tutorial-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:rgba(255,255,255,.6);font-size:32px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:50%;z-index:1000001}.tutorial-close:hover{color:white;background:rgba(255,255,255,.1)}.tutorial-title{font-size:28px;font-weight:900;margin-bottom:24px;text-align:center;color:var(--accent-green);padding-right:40px}.tutorial-video-container{background:black;border-radius:12px;overflow:hidden;position:relative;z-index:1}.tutorial-video{width:100%;height:auto;display:block}.navigation{justify-content:space-between;padding:20px 60px;background:var(--background);border-bottom:1px solid rgba(255,255,255,.1)}.nav-logo,.navigation{display:flex;align-items:center}.nav-logo{gap:10px;font-size:20px;font-weight:700}.logo-svg{height:40px;width:auto;object-fit:contain}.nav-actions{display:flex;align-items:center;gap:12px}.panda-emoji{font-size:32px}.logo-text{color:white}.logo-highlight{color:var(--accent-green)}.nav-links{display:flex;align-items:center;gap:40px}.nav-link{color:rgba(255,255,255,.8);font-size:16px;transition:color .3s}.nav-link:hover{color:white}.buy-button{background:var(--accent-green);color:black;padding:12px 24px;border-radius:25px;border:none;font-weight:700;cursor:pointer;transition:transform .2s}.buy-button:hover{transform:scale(1.05)}.create-pandu-button{background:var(--accent-green);color:black;padding:10px 20px;border-radius:20px;border:none;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.create-pandu-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px rgba(168,217,110,.4)}.create-pandu-button:disabled{opacity:.7;cursor:not-allowed}.rewards-page{min-height:100vh}.hero-section{padding:80px 60px;max-width:1400px;margin:0 auto}.hero-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center}.hero-text{max-width:600px}.hero-title{font-size:56px;font-weight:900;line-height:1.1;margin-bottom:30px;text-transform:uppercase;letter-spacing:-1px}.hero-description{font-size:16px;line-height:1.6;color:rgba(255,255,255,.8);margin-bottom:40px}.hero-buttons{display:flex;gap:20px;margin-bottom:40px}.launch-button{background:var(--accent-green);color:black;padding:16px 32px;border-radius:30px;border:none;font-weight:700;font-size:16px;cursor:pointer;transition:transform .2s}.launch-button:hover{transform:scale(1.05)}.view-nfts-button{background:transparent;color:white;padding:16px 32px;border-radius:30px;border:2px solid rgba(255,255,255,.3);font-weight:700;font-size:16px;cursor:pointer;transition:all .2s}.view-nfts-button:hover{border-color:white}.gold-cta{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,193,7,.1));padding:16px 24px;border-radius:50px;border:1px solid rgba(255,215,0,.3);max-width:-moz-fit-content;max-width:fit-content;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.gold-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:left .5s ease}.gold-cta:hover:before{left:100%}.gold-cta:hover{background:linear-gradient(135deg,rgba(255,215,0,.25),rgba(255,193,7,.15));border-color:rgba(255,215,0,.5);transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,215,0,.2)}.gold-cta.is-new{animation:pulse-gold 2s ease-in-out infinite}@keyframes pulse-gold{0%,to{box-shadow:0 0 0 0 rgba(255,215,0,.4)}50%{box-shadow:0 0 0 8px rgba(255,215,0,0)}}.pandu-badge{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.gold-text{font-size:15px;font-weight:600;background:linear-gradient(135deg,#ffd700,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-arrow{font-size:20px;color:#ffd700;transition:transform .3s ease}.gold-cta:hover .cta-arrow{transform:translateX(4px)}.pandu-hero-card{position:relative;z-index:1}.pandu-embed{position:relative;border-radius:20px;min-height:520px;overflow:hidden}.pandu-stage-wrap{position:relative;width:100%;height:100%}.panda-stage{position:relative;width:100%;height:520px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,rgba(168,217,110,.2),rgba(168,217,110,.05));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,217,110,.3)}.bg-video-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.bg-video{width:100%;height:100%;object-fit:cover;opacity:.3}.bg-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0,rgba(0,0,0,.6) 100%);pointer-events:none}.gauges{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;padding:20px}.gauge{background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.1)}.gauge-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.gauge-icon{font-size:20px}.gauge-val{font-size:18px;font-weight:700}.gauge-bar{height:6px;background:rgba(255,255,255,.1);border-radius:10px;overflow:hidden;margin-bottom:6px}.gauge-fill{height:100%;border-radius:10px;transition:width .5s ease}.gauge.hunger .gauge-fill{background:linear-gradient(90deg,var(--bar-gloss),var(--bar-green))}.gauge.fun .gauge-fill{background:linear-gradient(90deg,var(--bar-gloss),var(--bar-pink))}.gauge.energy .gauge-fill{background:linear-gradient(90deg,var(--bar-gloss),var(--bar-blue))}.gauge-label{font-size:12px;color:rgba(255,255,255,.7);text-align:center}.action-bar-wrap{position:relative;z-index:2;display:flex;justify-content:center;gap:8px;padding:0 20px 20px}.action-chip{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:white;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:10px 18px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:600}.action-chip:hover{background:rgba(0,0,0,.8);border-color:rgba(255,255,255,.4);transform:translateY(-2px)}.action-icon{font-size:16px}.action-text{font-size:14px}.panda-wrap{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:1;pointer-events:none}.panda-base{width:320px;height:320px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}.floating-left{position:absolute;bottom:20px;left:20px;z-index:3}.voice-toggle{position:relative;display:flex;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:25px;padding:4px}.voice-knob{position:absolute;top:4px;left:4px;width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:50%;transition:transform .3s ease;pointer-events:none}.voice-toggle[data-voice=female] .voice-knob{transform:translateX(44px)}.voice-segment{width:40px;height:40px;background:transparent;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;z-index:1}.voice-segment svg{width:20px;height:20px;opacity:.6;transition:opacity .2s}.voice-segment.active svg{opacity:1}.floating-right{position:absolute;bottom:20px;right:20px;z-index:3}.scene-toggle{width:48px;height:48px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:white}.scene-toggle:hover{background:rgba(0,0,0,.8);border-color:rgba(255,255,255,.4);transform:scale(1.05)}.pandu-sparkle{position:absolute;width:4px;height:4px;background:var(--accent-green);border-radius:50%;opacity:0;animation:sparkle 3s infinite}.pandu-sparkle.s1{top:10%;right:15%;animation-delay:0s}.pandu-sparkle.s2{top:30%;right:5%;animation-delay:1s}.pandu-sparkle.s3{top:50%;right:20%;animation-delay:2s}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.rewards-section{padding:80px 60px;background:rgba(255,255,255,.02)}.rewards-container{max-width:1400px;margin:0 auto}.rewards-header{text-align:center;margin-bottom:60px}.rewards-title{font-size:48px;font-weight:900;margin-bottom:16px;text-transform:uppercase;letter-spacing:-1px}.rewards-subtitle{font-size:18px;color:rgba(255,255,255,.7)}.rewards-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-bottom:60px}.stat-box{background:linear-gradient(135deg,rgba(168,217,110,.2),rgba(168,217,110,.05));border:1px solid rgba(168,217,110,.3);border-radius:20px;padding:32px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-value{font-size:48px;font-weight:900;color:var(--accent-green);margin-bottom:8px}.stat-label{font-size:16px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:1px}.challenges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:24px;gap:24px;margin-bottom:60px}.challenge-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;transition:all .3s ease;cursor:pointer}.challenge-card:hover:not(.locked){background:rgba(255,255,255,.08);border-color:rgba(168,217,110,.4);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.challenge-card.completed{background:rgba(168,217,110,.1);border-color:rgba(168,217,110,.3);opacity:.7}.challenge-card.locked{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);opacity:.5;cursor:not-allowed}.challenge-icon{font-size:48px;margin-bottom:16px;filter:grayscale(0);transition:filter .3s}.challenge-card.locked .challenge-icon{filter:grayscale(1);opacity:.5}.challenge-content{flex:1 1}.challenge-title{font-size:20px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px}.lock-badge{font-size:16px}.challenge-description{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:20px;line-height:1.5}.challenge-card.locked .challenge-description{color:rgba(255,255,255,.4);font-style:italic}.challenge-footer{display:flex;justify-content:space-between;align-items:center}.challenge-reward{display:flex;align-items:baseline;gap:6px}.reward-amount{font-size:24px;font-weight:900;color:var(--accent-green)}.challenge-card.locked .reward-amount{opacity:.5}.reward-token{font-size:14px;color:rgba(255,255,255,.7)}.challenge-action-wrapper{display:flex;align-items:center}.challenge-action,.challenge-action-wrapper .create-pandu-button,.challenge-action-wrapper appkit-connect-button{font-size:14px;padding:10px 20px}.challenge-action{background:var(--accent-green);color:black;border-radius:20px;border:none;font-weight:700;cursor:pointer;transition:all .2s}.challenge-action:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(168,217,110,.4)}.challenge-completed{color:var(--accent-green)}.challenge-completed,.challenge-locked{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px}.challenge-locked{color:rgba(255,255,255,.4)}.check-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--accent-green);color:black;border-radius:50%;font-size:14px}.lock-icon{font-size:16px}.rewards-info{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.info-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px}.info-title{font-size:24px;font-weight:700;margin-bottom:20px}.info-list{list-style:none;padding:0}.info-list li{padding:12px 0 12px 28px;position:relative;color:rgba(255,255,255,.8);line-height:1.6}.info-list li:before{content:"→";position:absolute;left:0;color:var(--accent-green);font-weight:700}.partners-section{display:flex;justify-content:center;align-items:center;gap:40px;padding:40px 60px;background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.partner-logo{color:rgba(255,255,255,.6);font-size:16px;font-weight:600;transition:color .3s}.partner-logo:hover{color:white}@media (max-width:1024px){.hero-content{grid-template-columns:1fr}.navigation{padding:20px 30px}.nav-links{gap:20px}.hero-section{padding:40px 30px}.hero-title{font-size:42px}.panda-base{width:260px;height:260px}.challenges-grid,.rewards-info,.rewards-stats{grid-template-columns:1fr}.tutorial-modal-overlay{padding:15px}.tutorial-modal{padding:30px;max-width:90%}.tutorial-title{font-size:22px;margin-bottom:20px}.tutorial-close{top:18px;right:18px;width:38px;height:38px;font-size:30px}}@media (max-width:768px){.gauges{grid-template-columns:1fr}.action-bar-wrap{flex-wrap:wrap}.hero-buttons{flex-direction:column}.nav-actions{display:flex}.panda-stage{height:600px}.panda-base{width:220px;height:220px}.rewards-section{padding:40px 30px}.rewards-title{font-size:32px}.tutorial-modal-overlay{align-items:flex-start;padding:10px}.tutorial-modal{padding:20px;margin:10px auto;max-height:none;overflow:visible;width:calc(100% - 20px);max-width:100%}.tutorial-title{font-size:18px;margin-bottom:16px;padding-right:40px;line-height:1.3}.tutorial-close{top:15px;right:15px;width:36px;height:36px;font-size:28px}.tutorial-video-container{border-radius:8px}}@media (max-width:480px){.tutorial-modal-overlay{padding:8px}.tutorial-modal{padding:16px;border-radius:12px;width:calc(100% - 16px);margin-top:8px;margin-bottom:8px}.tutorial-title{font-size:16px;margin-bottom:12px;padding-right:36px}.tutorial-close{width:32px;height:32px;font-size:24px;top:12px;right:12px}.tutorial-video-container{border-radius:6px}}