@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";.wallet-button-container{position:relative}.wallet-button{padding:12px 28px;font-size:1rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .3s ease;font-family:Rajdhani,sans-serif}.wallet-button.connect{background:linear-gradient(135deg,#7877c6,#8ab4f8);color:#fff;box-shadow:0 5px 20px #7877c666}.wallet-button.connect:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7877c699}.wallet-button.disconnect{background:#ff4d4d33;color:#f99;border:1px solid rgba(255,77,77,.4);padding:8px 20px;font-size:.9rem}.wallet-button.disconnect:hover{background:#ff4d4d4d;border-color:#ff4d4d99}.wallet-connected{display:flex;align-items:center;gap:15px}.wallet-info{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 16px}.wallet-address{font-size:.95rem;font-weight:600;color:#8ab4f8;font-family:Orbitron,monospace}.wallet-dropdown{position:absolute;top:100%;right:0;margin-top:10px;background:#1a1a2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:20px;min-width:280px;box-shadow:0 20px 60px #00000080;z-index:1000;animation:dropdownFadeIn .3s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wallet-dropdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.wallet-dropdown-header h3{font-size:1.1rem;color:#fff;margin:0}.close-button{background:none;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;transition:all .2s ease}.close-button:hover{background:#ffffff1a;color:#fff}.wallet-list{display:flex;flex-direction:column;gap:10px}.wallet-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;color:#fff;width:100%;text-align:left}.wallet-item:hover{background:#8ab4f833;border-color:#8ab4f866;transform:translate(5px)}.wallet-icon{width:32px;height:32px;border-radius:8px}@media (max-width: 768px){.wallet-dropdown{right:auto;left:50%;transform:translate(-50%)}.wallet-connected{flex-direction:column;gap:10px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease;padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10000;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;animation:confettiFall linear forwards;opacity:.8}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.modal-content{background:#1a1a2efa;border:2px solid rgba(138,180,248,.5);border-radius:30px;padding:40px;max-width:600px;width:100%;position:relative;animation:slideUp .4s ease;box-shadow:0 30px 80px #8ab4f84d,inset 0 0 80px #8ab4f80d}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.modal-close:hover{background:#ff4d4d4d;border-color:#ff4d4d80;transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:30px}.modal-title{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#8ab4f8,pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;animation:titlePulse 2s ease-in-out infinite}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.modal-subtitle{font-size:1.2rem;color:#fffc;font-weight:500}.nft-showcase{position:relative;margin-bottom:30px}.nft-image-large{width:100%;border-radius:20px;border:3px solid rgba(138,180,248,.3);box-shadow:0 20px 60px #00000080;animation:nftReveal .6s ease .3s backwards}@keyframes nftReveal{0%{opacity:0;transform:scale(.8) rotateY(90deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.nft-id-badge{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#7877c6,#8ab4f8);padding:12px 30px;border-radius:30px;font-size:1.2rem;font-weight:700;color:#fff;box-shadow:0 10px 30px #7877c680;animation:badgeBounce .6s ease .6s backwards}@keyframes badgeBounce{0%{opacity:0;transform:translate(-50%) translateY(20px)}50%{transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.modal-actions{display:flex;flex-direction:column;gap:12px}.modal-button{padding:16px 24px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center;gap:10px}.button-icon{font-size:1.3rem}.modal-button.primary{background:linear-gradient(135deg,#1da1f2,#1a8cd8);color:#fff;box-shadow:0 8px 20px #1da1f266}.modal-button.primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1da1f299}.modal-button.secondary{background:linear-gradient(135deg,#7877c6,#8ab4f8);color:#fff;box-shadow:0 8px 20px #7877c666}.modal-button.secondary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #7877c699}.modal-button.tertiary{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.modal-button.tertiary:hover{background:#ffffff26;border-color:#ffffff4d}@media (max-width: 768px){.modal-content{padding:30px 20px}.modal-title{font-size:2rem}.modal-subtitle{font-size:1rem}.nft-id-badge{font-size:1rem;padding:10px 20px}.modal-button{font-size:1rem;padding:14px 20px}}.recent-mints-section{margin-top:60px;margin-bottom:60px}.recent-mints-title{text-align:center;font-size:2rem;margin-bottom:30px;background:linear-gradient(135deg,#8ab4f8,pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:center;gap:10px}.title-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(255,192,203,.5))}.recent-mints-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;max-width:1200px;margin:0 auto}.recent-mint-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;overflow:hidden;transition:all .3s ease;cursor:pointer;animation:mintCardFadeIn .5s ease backwards}@keyframes mintCardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recent-mint-card:hover{transform:translateY(-5px);border-color:#8ab4f866;box-shadow:0 15px 40px #8ab4f84d}.recent-mint-image-container{position:relative;aspect-ratio:1;overflow:hidden}.recent-mint-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.recent-mint-card:hover .recent-mint-image{transform:scale(1.1)}.recent-mint-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 50%);display:flex;align-items:flex-end;padding:10px;opacity:0;transition:opacity .3s ease}.recent-mint-card:hover .recent-mint-overlay{opacity:1}.recent-mint-id{font-size:1.2rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.recent-mint-info{padding:12px;display:flex;flex-direction:column;gap:5px}.recent-mint-address{font-size:.9rem;font-weight:600;color:#8ab4f8;font-family:Orbitron,monospace}.recent-mint-time{font-size:.8rem;color:#fff9}@media (max-width: 768px){.recent-mints-gallery{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}.recent-mints-title{font-size:1.5rem}.recent-mint-info{padding:8px}.recent-mint-address{font-size:.8rem}.recent-mint-time{font-size:.75rem}}@media (max-width: 480px){.recent-mints-gallery{grid-template-columns:repeat(2,1fr)}}.mint-page{min-height:100vh;padding:20px;position:relative}.mint-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;max-width:1400px;margin:0 auto;flex-wrap:wrap;gap:20px}.logo-container{text-align:left}.logo-with-badge{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.logo{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#8ab4f8,pink,#7877c6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;margin:0}.testnet-badge{background:linear-gradient(135deg,orange,#ff6b35);color:#fff;padding:6px 16px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:1.5px;box-shadow:0 4px 15px #ffa50066;animation:testnetPulse 2s ease-in-out infinite}@keyframes testnetPulse{0%,to{box-shadow:0 4px 15px #ffa50066}50%{box-shadow:0 4px 25px #ffa500b3}}.tagline{font-size:1rem;color:#ffffffb3;font-weight:300;letter-spacing:1px;margin-top:5px}.header-actions{display:flex;align-items:center;gap:15px}.faucet-button{padding:12px 24px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 5px 20px #4caf5066;display:flex;align-items:center;gap:8px}.faucet-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #4caf5099;background:linear-gradient(135deg,#45a049,#4caf50)}.info-banner{max-width:1300px;margin:30px auto;padding:0 20px;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.info-banner-content{background:linear-gradient(135deg,#8ab4f826,#ffc0cb1a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid rgba(138,180,248,.3);border-radius:20px;padding:24px 32px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 10px 40px #8ab4f833;transition:all .3s ease;text-align:center}.info-banner-content:hover{border-color:#8ab4f880;box-shadow:0 15px 50px #8ab4f84d;transform:translateY(-2px)}.info-banner-text{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.info-banner-title{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#8ab4f8,pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:.5px}.info-banner-details{display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:center}.info-item{font-size:.9rem;color:#ffffffd9;font-weight:500;padding:6px 14px;background:#8ab4f81a;border-radius:8px;border:1px solid rgba(138,180,248,.2);transition:all .2s ease}.info-item:hover{background:#8ab4f826;border-color:#8ab4f84d;transform:scale(1.02)}@media (max-width: 768px){.info-banner-content{padding:20px 24px;gap:16px}.info-banner-avatar{width:70px;height:70px}.info-banner-title{font-size:1.1rem}.info-banner-details{flex-direction:column;gap:10px;width:100%}.info-item{font-size:.85rem;width:100%}}.mint-main{max-width:1400px;margin:40px auto;padding:0 20px}.mint-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}.preview-section{display:flex;align-items:center;justify-content:center}.preview-card{width:100%;max-width:500px}.preview-image-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080;border:2px solid rgba(138,180,248,.3);transition:all .3s ease}.preview-image-container:hover{transform:translateY(-10px);box-shadow:0 30px 80px #8ab4f866;border-color:#8ab4f899}.preview-image{width:100%;height:auto;display:block}.preview-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);padding:20px;text-align:center;font-size:1.2rem;font-weight:600;color:#fff}.mint-section{display:flex;align-items:center}.mint-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d}.mint-title{font-size:2rem;margin-bottom:15px;background:linear-gradient(135deg,#8ab4f8,pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mint-description{color:#fffc;line-height:1.6;margin-bottom:30px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px}.stat-item{text-align:center;padding:15px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.stat-value{font-size:1.5rem;font-weight:700;color:#8ab4f8;margin-bottom:5px}.stat-label{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}.progress-container{margin-bottom:30px}.progress-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.9rem;color:#ffffffb3}.progress-bar{height:12px;background:#ffffff1a;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.progress-fill{height:100%;background:linear-gradient(90deg,#7877c6,#8ab4f8,pink);border-radius:10px;transition:width .5s ease;box-shadow:0 0 20px #8ab4f880}.features-list{margin-bottom:30px}.feature-item{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:10px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05);font-size:.95rem;color:#fffc}.feature-icon{font-size:1.5rem}.mint-button{width:100%;padding:18px 32px;font-size:1.2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7877c6,#8ab4f8);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #7877c666;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px}.mint-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px #7877c699;background:linear-gradient(135deg,#8ab4f8,pink)}.mint-button:active:not(:disabled){transform:translateY(-1px)}.mint-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.connect-message{text-align:center;padding:20px;background:#ffffff0d;border-radius:10px;color:#ffffffb3}.error-message{padding:15px;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);border-radius:8px;color:#f99;text-align:center;margin-top:10px}.success-message{padding:15px;background:#4dff4d1a;border:1px solid rgba(77,255,77,.3);border-radius:8px;color:#9f9;text-align:center;margin-top:10px;display:flex;flex-direction:column;gap:10px}.tx-link{color:#8ab4f8;text-decoration:none;font-weight:600}.tx-link:hover{text-decoration:underline}.info-section{margin-top:80px}.info-title{text-align:center;font-size:2rem;margin-bottom:40px;background:linear-gradient(135deg,#8ab4f8,pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.info-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:30px;transition:all .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #8ab4f833;border-color:#8ab4f84d}.info-card h4{font-size:1.3rem;margin-bottom:15px;color:#8ab4f8}.info-card p{color:#ffffffb3;line-height:1.6}.mint-footer{text-align:center;padding:40px 20px;margin-top:80px;border-top:1px solid rgba(255,255,255,.1);color:#fff9}.social-links{display:flex;justify-content:center;gap:30px;margin-top:20px}.social-links a{color:#8ab4f8;text-decoration:none;font-weight:500;transition:all .3s ease}.social-links a:hover{color:pink;transform:translateY(-2px)}@media (max-width: 1024px){.mint-container,.info-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.mint-header{flex-direction:column;text-align:center}.logo-container{text-align:center}.logo-with-badge{justify-content:center}.logo{font-size:2rem}.header-actions{flex-direction:column;width:100%}.faucet-button{width:100%;justify-content:center}.mint-card{padding:25px}.mint-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr 1fr}.social-links{flex-direction:column;gap:15px}}.App{min-height:100vh;position:relative;z-index:2}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Rajdhani,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(/1234.jpeg) center center / cover no-repeat fixed;min-height:100vh;color:#fff;overflow-x:hidden;position:relative}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1a2eb3;z-index:-1;pointer-events:none}#root{min-height:100vh;position:relative}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}h1,h2,h3{font-family:Orbitron,sans-serif}button{font-family:Rajdhani,sans-serif;cursor:pointer;transition:all .3s ease}button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7877c666}button:active{transform:translateY(0)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a1a2e80}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7877c6,#8ab4f8);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8ab4f8,pink)}