@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Quicksand:wght@600;700;800;900&display=swap";:root{--color-pink:#f8dfe3;--color-pink-soft:#f69aaa;--color-pink-bold:#ec7185;--color-peach:#ffd8c8;--color-cream:#fff9ef;--color-cream-warm:#fff1e5;--color-green:#dcebc8;--color-sky:#d8eef1;--color-text-main:#5c4033;--color-white:#fff;--radius-sm:16px;--radius-md:24px;--radius-lg:40px;--radius-pill:9999px;--shadow-soft:0 10px 25px #ec718526;--shadow-float:0 15px 30px #00000014}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}img,video,svg,canvas{max-width:100%;height:auto;display:block}body{color:var(--color-text-main);background-color:var(--color-cream);-webkit-font-smoothing:antialiased;font-family:Nunito,sans-serif;overflow-x:hidden}.text-pink{color:var(--color-pink-bold)}.text-center{text-align:center}.btn{border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;min-height:44px;padding:clamp(10px,2.5vw,14px) clamp(18px,4vw,28px);font-family:Nunito,sans-serif;font-size:clamp(.9rem,2.5vw,1rem);font-weight:800;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-pink-soft), var(--color-pink-bold));color:var(--color-white);box-shadow:0 6px 20px #ec718566}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ec718580}.btn-secondary{background:var(--color-white);color:var(--color-pink-bold);border:3px solid var(--color-pink);padding:clamp(8px,2vw,12px) clamp(16px,3.5vw,25px)}.btn-secondary:hover{background:var(--color-pink);transform:translateY(-2px)}.section-padding{padding:clamp(40px,8vw,100px) clamp(14px,4vw,5%);position:relative}.container{z-index:10;max-width:1200px;margin-inline:auto;padding-inline:clamp(14px,4vw,32px);position:relative}.eyebrow{color:var(--color-pink-bold);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:12px;font-size:clamp(.7rem,2vw,.9rem);font-weight:900;display:flex}h2.section-title{color:var(--color-pink-bold);margin-bottom:20px;font-family:Quicksand,sans-serif;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:900}.desc{color:var(--color-text-main);margin-bottom:30px;font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:600;line-height:1.6}.skip-link{background:var(--color-pink-bold);color:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);z-index:1000;padding:12px 24px;font-weight:700;text-decoration:none;transition:top .3s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:0}.wave-divider{width:100%;margin:-1px 0;line-height:0}.wave-divider svg{width:100%;height:clamp(40px,8vw,80px);display:block}.navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border-radius:999px;justify-content:space-between;align-items:center;width:calc(100% - 32px);max-width:1200px;padding:10px 16px;transition:background .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:10px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 8px 32px #f8b4c72e}.navbar-scrolled{background:#fffffff5;box-shadow:0 8px 36px #f8b4c742}.sakura-cursor-layer{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.sakura-cursor{pointer-events:none;z-index:9999;filter:drop-shadow(0 1px 3px #ec71854d);width:22px;height:22px;position:fixed;top:0;left:0}.sakura-cursor svg{width:100%;height:100%}.sakura-particle{pointer-events:none;z-index:9999;will-change:transform, opacity;border-radius:50%;animation:ease-out forwards sakuraFloat;position:fixed}@keyframes sakuraFloat{0%{opacity:.8;transform:rotate(var(--rotation,0deg)) translateX(0) translateY(0) scale(.8)}to{opacity:0;transform:rotate(var(--rotation,0deg) + 180deg) translateX(var(--drift,0px)) translateY(60px) scale(.2)}}@media (prefers-reduced-motion:reduce){.sakura-cursor-layer,.sakura-cursor{display:none!important}}.nav-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-pill);background:#ffffffd9;align-items:center;display:flex;box-shadow:0 4px 15px #ec71851a}.nav-logo-pill{color:var(--color-pink-bold);gap:10px;padding:10px 28px 10px 14px;font-family:Quicksand,sans-serif;font-size:1.65rem;font-weight:900;transition:transform .2s}.nav-logo-pill:hover{transform:translateY(-1px)}.logo-icon{background:var(--color-peach);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.logo-icon img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.nav-center-pill{gap:36px;padding:10px 36px}.nav-center-pill a{color:var(--color-text-main);border-radius:var(--radius-pill);padding:6px 14px;font-size:1rem;font-weight:700;text-decoration:none;transition:color .2s,background .2s,transform .2s;position:relative}.nav-center-pill a:hover,.nav-center-pill a.active{color:var(--color-pink-bold);background:var(--color-pink);transform:translateY(-1px)}.nav-actions{align-items:center;gap:12px;display:flex}.social-icons-pill{gap:12px;padding:8px 16px}.social-icon{background:var(--color-pink);width:32px;height:32px;color:var(--color-pink-bold);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;transition:transform .2s;display:flex}.social-icon:hover{background:var(--color-pink-soft);color:#fff;transform:scale(1.1)}.navbar-cta{white-space:nowrap;justify-content:center;align-items:center;padding:10px 24px;font-size:.9rem;text-decoration:none;display:inline-flex}.hamburger-btn{background:var(--color-white);cursor:pointer;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;transition:transform .2s;display:none;box-shadow:0 4px 15px #ec71851a}.hamburger-btn:hover{transform:scale(1.05)}.hamburger-line{background:var(--color-pink-bold);border-radius:2px;width:20px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger-line.open:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{background:var(--color-white);z-index:999;border-radius:24px;flex-direction:column;gap:12px;width:calc(100% - 40px);max-width:1300px;padding:20px;animation:.3s slideDown;display:none;position:absolute;top:72px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #ec718526}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu a{color:var(--color-text-main);border-radius:var(--radius-md);padding:14px 18px;font-size:1rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:block}.mobile-menu a:hover{background:var(--color-pink);color:var(--color-pink-bold);transform:translate(4px)}.mobile-cta{text-align:center;width:100%;margin-top:8px}.sound-toggle{z-index:1001;border:2px solid var(--color-pink);background:var(--color-white);width:44px;height:44px;color:var(--color-pink-bold);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .25s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 15px #ec718526}.sound-toggle:hover{background:var(--color-pink);color:var(--color-white);transform:translateY(-2px);box-shadow:0 6px 20px #ec718540}.sound-toggle:active{transform:translateY(0)scale(.95)}.sound-toggle[aria-pressed=true]{opacity:.7}@media (width<=600px){.sound-toggle{width:40px;height:40px;font-size:1rem;bottom:16px;right:16px}}.subtle-decor{z-index:5;opacity:.8;font-size:2rem;animation:5s ease-in-out infinite float;position:absolute}.hero{background:linear-gradient(180deg, var(--color-pink) 0%, var(--color-cream) 100%);border-bottom:6px solid var(--color-green);align-items:center;min-height:850px;padding-top:120px;display:flex}.hero-content{justify-content:space-between;align-items:center;width:100%;display:flex}.hero-text{flex:1.1;max-width:550px}.title-massive{color:var(--color-pink-bold);text-shadow:4px 4px #fff;letter-spacing:-2px;flex-wrap:wrap;align-items:center;margin-bottom:12px;font-family:Quicksand,sans-serif;font-size:clamp(2.5rem,8vw,6rem);font-weight:900;line-height:1.1;display:flex}.paw-o{background:var(--color-white);width:clamp(40px,9vw,70px);height:clamp(40px,9vw,70px);color:var(--color-pink-bold);border-radius:50%;justify-content:center;align-items:center;margin:0 4px;font-size:clamp(1.8rem,5vw,3rem);display:inline-flex}.hero-buttons{gap:16px;margin-top:30px;display:flex}.hero-art-container{flex:1;justify-content:flex-end;align-items:center;display:flex}.hero-blob-frame{aspect-ratio:1/1.04;background:var(--color-white);border-radius:42% 58% 36% 64%/48% 39% 61% 52%;width:min(100%,500px);padding:3%;animation:8s ease-in-out infinite blobMorph;position:relative;box-shadow:0 20px 50px #ec718540,0 8px 20px #ec71851f,inset 0 0 0 2px #ffffffe6}.hero-blob-frame:before{content:"";z-index:-1;background:linear-gradient(135deg,#f8dfe399,#f69aaa4d);border-radius:42% 58% 36% 64%/48% 39% 61% 52%;animation:8s ease-in-out infinite reverse blobMorph;position:absolute;inset:-6px}.hero-blob-frame:after{content:"";z-index:-2;background:linear-gradient(135deg,#f8dfe340,#ffd8c826);border-radius:42% 58% 36% 64%/48% 39% 61% 52%;animation:8s ease-in-out infinite blobMorph;position:absolute;inset:-14px}.hero-blob-inner{background:linear-gradient(135deg, var(--color-peach) 0%, var(--color-pink-soft) 100%);border-radius:38% 62% 32% 68%/45% 35% 65% 55%;width:100%;height:100%;overflow:hidden}.hero-art-img{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}.story{background:var(--color-cream-warm);min-height:600px}.story-content{align-items:center;gap:40px;display:flex}.story-art-left{flex:1;justify-content:center;align-items:center;height:auto;min-height:420px;display:flex}.story-reading-frame{aspect-ratio:3/4;background:var(--color-white);border-radius:180px 180px 40px 40px;width:100%;max-width:340px;padding:10px;position:relative;box-shadow:0 15px 35px #ec71852e,inset 0 0 0 2px #fffc}.story-reading-frame:before{content:"";z-index:-1;background:linear-gradient(135deg,#dcebc866,#ffd8c84d);border-radius:180px 180px 40px 40px;position:absolute;inset:-5px}.story-reading-inner{background:linear-gradient(135deg, var(--color-green) 0%, var(--color-peach) 100%);border-radius:170px 170px 35px 35px;width:100%;height:100%;overflow:hidden}.story-reading-img{object-fit:cover;object-position:center 15%;width:100%;height:100%;display:block}.story-card-center{z-index:2;flex:1.4;justify-content:center;display:flex;position:relative}.story-card-inner{background:var(--color-cream);text-align:center;border:8px solid var(--color-pink);box-shadow:var(--shadow-soft);border-radius:40px;width:100%;max-width:520px;padding:36px 28px;position:relative}.story-art-right{background:var(--color-white);border:6px solid var(--color-white);border-radius:24px;flex-direction:column;flex:1;height:auto;min-height:420px;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #ec718526,0 4px 12px #ec718514}.story-scene-frame{background:linear-gradient(135deg, var(--color-sky) 0%, var(--color-green) 100%);border-radius:18px;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.story-scene-inner{flex:1;width:100%;min-height:0;overflow:hidden}.story-scene-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.collection{background:var(--color-pink)}.collection-content{align-items:center;gap:40px;display:flex}.collection-text{flex:0 0 320px;max-width:100%}.carousel-wrapper{flex:1;align-items:center;gap:20px;min-width:0;display:flex}.carousel-viewport{flex:1;min-width:0;overflow:hidden}.carousel-track{gap:20px;padding:20px 5px 30px;transition:transform .4s ease-in-out;display:flex}.nft-card{background:var(--color-white);border-radius:24px;flex:0 0 calc(33.3333% - 33.3333px);width:calc(33.3333% - 33.3333px);min-width:calc(33.3333% - 33.3333px);padding:12px;transition:transform .3s;box-shadow:0 8px 20px #ec71851a}.nft-card:hover{transform:translateY(-10px)}.nft-image-wrap{width:100%;height:250px;margin-bottom:16px}.nft-frame{background:linear-gradient(135deg, var(--color-pink) 0%, var(--color-peach) 100%);border-radius:18px;width:100%;height:100%;padding:5px;box-shadow:0 6px 15px #ec718526,inset 0 0 0 2px #ffffffb3}.nft-inner{background:linear-gradient(135deg, var(--color-sky) 0%, var(--color-pink-soft) 100%);border-radius:14px;width:100%;height:100%;overflow:hidden}.nft-img{object-fit:cover;width:100%;height:100%;display:block}.nft-info{color:var(--color-pink-bold);justify-content:center;gap:16px;font-family:Quicksand,sans-serif;font-weight:800;display:flex}.carousel-arrow{background:var(--color-pink-bold);color:#fff;cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-soft);border:none;border-radius:50%;flex-shrink:0;font-size:1.5rem}.carousel-dots{justify-content:center;gap:8px;margin-top:-10px;display:flex}.dot{cursor:pointer;background:#ec71854d;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background .3s,transform .3s}.dot:hover{background:#ec718599}.dot.active{background:var(--color-pink-bold);transform:scale(1.1)}.gallery{background:linear-gradient(180deg, var(--color-sky) 0%, var(--color-cream) 100%)}.gallery-content{align-items:center;gap:60px;display:flex}.gallery-text{flex:280px;max-width:100%}.gallery-images{flex:1;justify-content:center;align-items:center;height:400px;display:flex;position:relative}.gallery-img-wrap{background:var(--color-white);width:250px;height:310px;box-shadow:var(--shadow-float);border-radius:12px;padding:12px 12px 60px;transition:transform .4s,z-index;position:absolute}.polaroid-frame{background:linear-gradient(135deg, var(--color-pink) 0%, var(--color-peach) 100%);border-radius:4px;width:100%;height:100%;overflow:hidden}.polaroid-img{object-fit:cover;width:100%;height:100%;display:block}.polaroid-img-1{object-position:center 25%}.polaroid-img-2{object-position:center 30%}.polaroid-img-3{object-position:center 35%}.polaroid-img-4{object-position:center 20%}.polaroid-1{z-index:1;transform:rotate(-8deg)translate(-300px)}.polaroid-2{z-index:2;transform:rotate(4deg)translate(-100px)}.polaroid-3{z-index:3;transform:rotate(-5deg)translate(120px)}.polaroid-4{z-index:4;transform:rotate(10deg)translate(320px)}.gallery-img-wrap:hover{z-index:10;transform:scale(1.08)rotate(0)!important}.roadmap{background:var(--color-cream)}.roadmap-content{gap:60px;display:flex}.roadmap-text-left{flex:280px;max-width:100%}.timeline-container{flex:1;padding-top:30px;position:relative}.timeline-line{background:dashed 3px var(--color-pink-soft);z-index:1;height:2px;position:absolute;top:60px;left:50px;right:50px}.timeline-items{z-index:2;justify-content:space-between;display:flex;position:relative}.timeline-item{text-align:center;flex-direction:column;align-items:center;width:180px;display:flex}.timeline-marker{background:var(--color-cream);margin-bottom:16px;padding:10px;font-size:2rem}.timeline-num{color:var(--color-pink-soft);margin-bottom:8px;font-weight:900}.timeline-title{color:var(--color-pink-bold);margin-bottom:8px;font-size:1.1rem;font-weight:900}.timeline-desc{color:var(--color-text-main);margin-bottom:16px;font-size:.95rem}.timeline-art-wrap{width:130px;height:110px}.roadmap-frame{background:var(--color-white);border-radius:16px;width:100%;height:100%;padding:4px;box-shadow:0 6px 15px #ec71851f,inset 0 0 0 2px #f8dfe380}.roadmap-inner{background:linear-gradient(135deg, var(--color-cream-warm) 0%, var(--color-peach) 100%);border-radius:12px;width:100%;height:100%;overflow:hidden}.roadmap-img{object-fit:cover;width:100%;height:100%;display:block}.footer{background:var(--color-pink-bold);color:var(--color-white);padding:30px 5%}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer .logo-icon{background:0 0;font-size:1.5rem}.copyright{font-size:.95rem;font-weight:700}.footer-socials{gap:12px;display:flex}.footer-socials .social-icon-sm{cursor:pointer;color:#fff;background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;text-decoration:none;transition:all .3s;display:flex}.footer-socials .social-icon-sm:hover{background:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}@media (width<=1100px){.hero-content,.story-content,.collection-content,.gallery-content,.roadmap-content{text-align:center;flex-direction:column}.hero-art-container{justify-content:center}.hero-blob-frame{aspect-ratio:1/1.05;width:min(100%,400px);margin:40px auto}.story-art-left,.story-art-right{width:100%;max-width:500px;margin:40px auto}.story-reading-frame{max-width:260px}.story-scene-frame{border-radius:18px}.polaroid-1{transform:rotate(-8deg)translate(-150px)}.polaroid-2{transform:rotate(4deg)translate(-50px)}.polaroid-3{transform:rotate(-5deg)translate(50px)}.polaroid-4{transform:rotate(10deg)translate(150px)}.timeline-items{flex-direction:column;align-items:center;gap:40px}.timeline-line,.nav-center-pill,.navbar-cta{display:none}.hamburger-btn,.mobile-menu{display:flex}.navbar{justify-content:space-between}.nav-actions{gap:10px}.carousel-wrapper{flex-direction:column}.nft-card{flex:0 0 calc(50% - 30px);width:calc(50% - 30px);min-width:calc(50% - 30px)}}@media (width<=767px){.hero{min-height:auto;padding-top:80px}.hero-content{text-align:center;flex-direction:column}.hero-buttons{flex-direction:column;align-items:center;gap:12px}.hero-buttons .btn{width:100%;max-width:320px}.hero-blob-frame{aspect-ratio:1/1.05;width:min(85vw,340px)}.hero-art-container{justify-content:center;width:100%}.hero-text{max-width:100%}.title-massive{justify-content:center}.collection-content{flex-direction:column}.collection-text{text-align:center;flex:auto;max-width:100%}.gallery-content{flex-direction:column}.gallery-text{text-align:center;flex:auto;max-width:100%}.gallery-images{flex-wrap:wrap;gap:20px;height:auto;min-height:350px}.gallery-img-wrap{aspect-ratio:250/310;width:min(75vw,220px);height:auto;position:relative;transform:none!important}.roadmap-content{flex-direction:column}.roadmap-text-left{text-align:center;flex:auto;max-width:100%}.timeline-items{flex-direction:column;align-items:center;gap:32px}.timeline-item{width:100%;max-width:320px}.nft-card{flex:0 0 calc(100% - 20px);width:calc(100% - 20px);min-width:calc(100% - 20px)}}@media (width<=600px){.section-padding{padding-block:48px}.hero-blob-frame{aspect-ratio:1/1.06;width:min(80vw,280px)}.hero-blob-frame:before{inset:-4px}.hero-blob-frame:after{inset:-10px}.story-art-left{min-height:280px}.story-reading-frame{max-width:220px;padding:8px}.story-art-right{min-height:240px;padding:8px}.story-card-inner{border-width:6px;padding:20px}.gallery-img-wrap{aspect-ratio:200/260;width:min(70vw,200px);padding:10px 10px 45px}.timeline-art-wrap{width:110px;height:95px}.roadmap-frame{border-radius:14px;padding:3px}.roadmap-inner{border-radius:11px}.nft-card{flex:0 0 calc(100% - 16px);width:calc(100% - 16px);min-width:calc(100% - 16px)}.modal-content{padding:20px}.modal-title{font-size:1.3rem}.navbar-cta{display:none}.mobile-cta{display:block}.footer-content{text-align:center;flex-direction:column}}@media (width<=374px){.navbar{width:calc(100% - 20px);padding:8px 12px}.nav-logo-pill{gap:6px;padding:6px 14px 6px 10px}.logo-icon{width:30px;height:30px}.nav-actions{gap:6px}.hamburger-btn{width:38px;height:38px}.hamburger-line{width:16px}.hero-blob-frame{aspect-ratio:1/1.08;width:min(90vw,240px)}.hero-blob-frame:before{inset:-3px}.hero-blob-frame:after{inset:-7px}.hero-buttons .btn{max-width:260px}.story-reading-frame{max-width:180px}.story-art-left,.story-art-right{min-height:260px}.gallery-img-wrap{aspect-ratio:170/210;width:min(65vw,170px);padding:8px 8px 35px}.mobile-menu{width:calc(100% - 20px);padding:12px;top:56px}}.timeline-status{border-radius:var(--radius-pill);margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.timeline-status-completed{color:#4a7c2e;background:#dcebc8}.timeline-status-in-progress{color:#2e6c7c;background:#d8eef1}.timeline-status-upcoming{color:#c45a3c;background:#ffd8c8}.timeline-status-planned{color:#c45a7a;background:#f8dfe3}.timeline-status-vision{color:#ec7185;background:linear-gradient(135deg,#f8dfe3,#ffd8c8)}.extended-story{background:var(--color-cream)}.extended-story-header{text-align:center;margin-bottom:60px}.story-chapters{max-width:800px;margin:0 auto}.story-chapter{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);gap:24px;margin-bottom:40px;padding:30px;transition:transform .3s;display:flex}.story-chapter:hover{transform:translateY(-4px)}.story-chapter-number{background:linear-gradient(135deg, var(--color-pink-soft), var(--color-pink-bold));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.2rem;font-weight:900;display:flex}.story-chapter-content{flex:1}.story-chapter-title{color:var(--color-pink-bold);margin-bottom:8px;font-family:Quicksand,sans-serif;font-size:1.4rem;font-weight:800}.story-chapter-desc{color:var(--color-text-main);line-height:1.6}.nft-details{background:linear-gradient(180deg, var(--color-sky) 0%, var(--color-cream) 100%)}.nft-details-header{text-align:center;margin-bottom:60px}.nft-details-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:60px;display:grid}.nft-detail-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);text-align:center;padding:30px;transition:transform .3s}.nft-detail-card:hover{transform:translateY(-4px)}.nft-detail-icon{margin-bottom:16px;font-size:2.5rem}.nft-detail-title{color:var(--color-pink-bold);margin-bottom:12px;font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:800}.nft-detail-desc{color:var(--color-text-main);font-size:.95rem;line-height:1.5}.rarity-section{text-align:center}.rarity-title{color:var(--color-pink-bold);margin-bottom:30px;font-family:Quicksand,sans-serif;font-size:1.5rem;font-weight:800}.rarity-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.rarity-item{background:var(--color-white);border-radius:var(--radius-md);min-width:120px;box-shadow:var(--shadow-soft);flex-direction:column;align-items:center;padding:20px;display:flex}.rarity-color{border:3px solid var(--color-white);border-radius:50%;width:40px;height:40px;margin-bottom:8px;box-shadow:0 2px 8px #0000001a}.rarity-name{color:var(--color-text-main);margin-bottom:4px;font-weight:800}.rarity-chance{color:var(--color-pink-soft);font-size:.85rem}.badge{border-radius:var(--radius-pill);text-transform:uppercase;margin-left:8px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.badge-future{color:#c45a3c;background:#ffd8c8}.badge-planned{color:#2e6c7c;background:#d8eef1}.badge-completed{color:#4a7c2e;background:#dcebc8}.badge-in-progress{color:#ec7185;background:linear-gradient(135deg,#f8dfe3,#ffd8c8)}.badge-upcoming{color:#c45a7a;background:#f8dfe3}.badge-vision{color:#fff;background:linear-gradient(135deg,#f69aaa,#ec7185)}.tasks{background:linear-gradient(180deg, var(--color-pink) 0%, var(--color-cream) 100%)}.tasks-header{text-align:center;margin-bottom:60px}.progress-indicator{max-width:400px;margin:30px auto 0}.progress-text{color:var(--color-pink-bold);margin-bottom:12px;font-weight:800;display:block}.progress-bar{border-radius:var(--radius-pill);background:#ffffff80;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-pink-soft), var(--color-pink-bold));border-radius:var(--radius-pill);height:100%;transition:width .4s}.tasks-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.task-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:30px;transition:transform .3s}.task-card:hover{transform:translateY(-4px)}.task-card-completed{background:linear-gradient(135deg,#f0fff0,#e8f5e9);border:2px solid #dcebc8}.task-card-locked{opacity:.6;background:#f5f5f5}.task-card-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.task-status-icon{background:var(--color-pink);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.task-card-completed .task-status-icon{background:#dcebc8}.task-title{color:var(--color-pink-bold);margin:0;font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:800}.task-description{color:var(--color-text-main);margin-bottom:20px;line-height:1.5}.task-completed-text{color:#4a7c2e;font-weight:700}.task-actions{margin-bottom:20px}.task-btn{width:100%;margin-bottom:8px}.task-input-group{margin-bottom:16px}.task-input-label{color:var(--color-text-main);margin-bottom:8px;font-size:.9rem;font-weight:700;display:block}.task-input{border:2px solid var(--color-pink);border-radius:var(--radius-md);width:100%;padding:12px 16px;font-family:Nunito,sans-serif;font-size:1rem;transition:border-color .3s}.task-input:focus{border-color:var(--color-pink-bold);outline:none;box-shadow:0 0 0 3px #ec718533}.task-submit-btn{width:100%}.task-submit-btn:disabled{opacity:.5;cursor:not-allowed}.task-network-badge{color:#fff;border-radius:var(--radius-pill);background:linear-gradient(135deg,#9945ff,#14f195);padding:8px 16px;font-size:.9rem;font-weight:700;display:inline-block}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:min(92vw,500px);max-height:90vh;padding:clamp(20px,5vw,40px);animation:.3s slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:var(--color-text-main);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;transition:background .3s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--color-pink)}.modal-title{color:var(--color-pink-bold);text-align:center;margin-bottom:24px;font-family:Quicksand,sans-serif;font-size:1.8rem;font-weight:900}.modal-body,.success-modal-content{text-align:center}.success-message{color:var(--color-text-main);margin-bottom:24px;font-size:1.2rem;font-weight:700}.success-checklist{border-radius:var(--radius-md);background:linear-gradient(135deg,#f0fff0,#e8f5e9);margin-bottom:24px;padding:20px}.success-item{color:#4a7c2e;padding:8px 0;font-weight:700}.success-note{color:var(--color-text-main);margin-bottom:24px;line-height:1.6}.faq{background:var(--color-cream-warm)}.faq-header{text-align:center;margin-bottom:60px}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);margin-bottom:16px;overflow:hidden}.faq-question{width:100%;color:var(--color-text-main);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 24px;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:700;transition:background .3s;display:flex}.faq-question:hover{background:var(--color-pink)}.faq-icon{color:var(--color-pink-bold);flex-shrink:0;margin-left:16px;font-size:1.5rem}.faq-answer{max-height:0;transition:max-height .3s;overflow:hidden}.faq-item-open .faq-answer{max-height:300px}.faq-answer p{color:var(--color-text-main);margin:0;padding:0 24px 20px;line-height:1.6}.future-vision{background:var(--color-cream)}.future-vision-header{text-align:center;margin-bottom:60px}.future-timeline{max-width:600px;margin:0 auto}.future-phase{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);gap:24px;margin-bottom:32px;padding:24px;transition:transform .3s;display:flex}.future-phase:hover{transform:translate(8px)}.future-phase-marker{flex-shrink:0}.future-phase-num{background:linear-gradient(135deg, var(--color-pink-soft), var(--color-pink-bold));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1rem;font-weight:900;display:flex}.future-phase-content{flex:1}.future-phase-title{color:var(--color-pink-bold);margin:0 0 8px;font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:800}.future-phase-desc{color:var(--color-text-main);margin-bottom:12px;line-height:1.5}@media (width<=1100px){.story-chapter{text-align:center;flex-direction:column}.story-chapter-number{margin:0 auto}.tasks-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.nft-details-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (width<=600px){.tasks-grid,.nft-details-grid{grid-template-columns:1fr}.rarity-grid{gap:8px}.rarity-item{min-width:100px;padding:16px}.future-phase{text-align:center;flex-direction:column;align-items:center}.modal-content{padding:24px}.modal-title{font-size:1.4rem}.navbar-cta{display:none}.mobile-cta{display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.float-anim,.float-anim-delayed{animation:none!important;transform:none!important}.hero-blob-frame,.hero-blob-frame:before,.hero-blob-frame:after,.subtle-decor,.timeline-item{animation:none!important}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.float-anim{will-change:transform;animation:5s ease-in-out infinite float}.float-anim-delayed{will-change:transform;animation:6s ease-in-out 2s infinite float}@keyframes blobMorph{0%,to{border-radius:42% 58% 36% 64%/48% 39% 61% 52%}25%{border-radius:50% 50% 45% 55%/45% 45% 55% 55%}50%{border-radius:38% 62% 45% 55%/55% 42% 58% 45%}75%{border-radius:48% 52% 40% 60%/42% 48% 52% 58%}}.hero-blob-frame{will-change:border-radius;animation:12s ease-in-out infinite blobMorph}.hero-blob-frame:before{animation:12s ease-in-out infinite reverse blobMorph}.hero-blob-frame:after{animation:14s ease-in-out infinite blobMorph}.carousel-track{transition:transform .5s}.nft-card:hover{transition:transform .3s;transform:translateY(-6px)}.story-chapter:hover,.nft-detail-card:hover,.task-card:hover{transition:transform .3s;transform:translateY(-3px)}.future-phase:hover{transition:transform .3s;transform:translate(4px)}.gallery-img-wrap:hover{z-index:10;transition:transform .4s;transform:scale(1.05)rotate(0)!important}
