body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0c0c0c,#1a0d2e 25%,#16213e 50%,#0f3460 75%,#533483);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;padding-top:80px;position:relative}body:before{animation:backgroundShift 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#00d2ff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#3a7bd51a 0,#0000 50%),radial-gradient(circle at 40% 40%,#5334831a 0,#0000 50%);z-index:-2}body:after,body:before{content:"";height:100%;left:0;position:fixed;top:0;width:100%}body:after{animation:gridMove 30s linear infinite;background-image:linear-gradient(45deg,#0000 24%,#00d2ff08 25%,#00d2ff08 26%,#0000 27%,#0000 74%,#00d2ff08 75%,#00d2ff08 76%,#0000 77%),linear-gradient(-45deg,#0000 24%,#3a7bd508 25%,#3a7bd508 26%,#0000 27%,#0000 74%,#3a7bd508 75%,#3a7bd508 76%,#0000 77%);background-size:60px 60px;z-index:-1}.App{display:flex;flex-direction:column;min-height:100vh}.navbar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-bottom:1px solid #fff3;box-shadow:0 8px 32px #0003,inset 0 1px 0 #ffffff1a;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar:hover{background:#ffffff26;border-bottom-color:#00d2ff4d}.nav-brand{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d2ff,#3a7bd5);-webkit-background-clip:text;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:#fff;text-decoration:none;transition:opacity .3s}.nav-links a:hover{opacity:.8}.connect-btn{background:linear-gradient(45deg,#00d2ff,#3a7bd5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem;transition:transform .3s}.connect-btn:hover{transform:scale(1.05)}.connect-btn:disabled{cursor:not-allowed;opacity:.7}.container{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem}.hero{padding:4rem 0;text-align:center}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d2ff,#3a7bd5);-webkit-background-clip:text;font-size:3rem;margin-bottom:1rem}.hero p{color:#fffc;font-size:1.2rem;margin-bottom:2rem}.cta-button{background:linear-gradient(45deg,#00d2ff,#3a7bd5);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;padding:1rem 3rem;text-decoration:none;transition:transform .3s}.cta-button:hover{transform:scale(1.05)}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:3rem 0}.stat-card{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #0000004d,inset 0 1px 0 #fff3;padding:2rem;text-align:center;transform:perspective(1000px) rotateX(5deg);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.stat-card:hover{border-color:#00d2ff66;box-shadow:0 20px 50px #00d2ff33,inset 0 1px 0 #ffffff4d;transform:perspective(1000px) rotateX(0deg) translateY(-10px) scale(1.02)}.stat-card h3{color:#00d2ff;font-size:2rem;margin-bottom:.5rem}.quests-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:2rem 0}.quest-card{animation:float 8s ease-in-out infinite;animation-delay:0s;animation-delay:var(--delay,0s);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 35px #0003,inset 0 1px 0 #ffffff1a;cursor:pointer;padding:2rem;transform:perspective(1000px) rotateY(2deg) rotateX(2deg);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.quest-card:nth-child(2){--delay:1s}.quest-card:nth-child(3){--delay:2s}.quest-card:nth-child(4){--delay:3s}.quest-card:hover{border-color:#00d2ff;box-shadow:0 25px 60px #00d2ff40,inset 0 1px 0 #fff3,0 0 30px #00d2ff1a;transform:perspective(1000px) rotateY(0deg) rotateX(0deg) translateY(-15px) scale(1.03)}.quest-card h3{color:#00d2ff;margin-bottom:1rem}.quest-card p{color:#fffc;margin-bottom:1rem}.xp-badge{background:linear-gradient(45deg,#f39c12,#f1c40f);border-radius:20px;color:#000;display:inline-block;font-weight:700;padding:.5rem 1rem}.quest-detail{margin:0 auto;max-width:800px}.quest-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;margin:2rem 0;padding:3rem}.quest-content h1{color:#00d2ff;margin-bottom:2rem}.quest-content h2{color:#3a7bd5;margin:2rem 0 1rem}.quest-content p{line-height:1.8;margin-bottom:1rem}.quest-steps{margin:2rem 0}.step-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:1rem;margin:1rem 0;padding:1rem}.step-item.completed{background:#00d2ff1a;border:1px solid #00d2ff}.step-checkbox{align-items:center;border:2px solid #00d2ff;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.step-checkbox.checked{background:#00d2ff}.profile-section{animation:float 10s ease-in-out infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 35px #0003,inset 0 1px 0 #ffffff1a;margin:2rem 0;padding:2rem;transform:perspective(1000px) rotateX(1deg);transition:all .4s ease}.profile-section:hover{box-shadow:0 20px 40px #00d2ff26,inset 0 1px 0 #fff3;transform:perspective(1000px) rotateX(0deg) translateY(-5px)}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.achievement-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:2rem 0}.achievement-badge{background:#ffffff1a;border:2px solid #0000;border-radius:12px;padding:1rem;text-align:center}.achievement-badge.unlocked{background:#00d2ff1a;border-color:#00d2ff}.leaderboard-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;margin:2rem 0;overflow:hidden;width:100%}.leaderboard-table table{border-collapse:collapse;width:100%}.leaderboard-table th{background:#00d2ff33;font-weight:700;padding:1rem;text-align:left}.leaderboard-table td{border-top:1px solid #ffffff1a;padding:1rem}.leaderboard-table tr:hover{background:#ffffff0d}.rank-badge{background:linear-gradient(45deg,#f39c12,#f1c40f);border-radius:12px;color:#000;font-weight:700;padding:.25rem .75rem}.loading{font-size:1.2rem;padding:2rem;text-align:center}.error{background:#e74c3c33;border:1px solid #e74c3c;border-radius:8px;margin:1rem 0;padding:1rem}@media (max-width:768px){.nav-links{flex-direction:column;gap:1rem}.hero h1{font-size:2rem}.stats-grid{grid-template-columns:1fr}}.quest-content-formatted{line-height:1.6;max-width:100%}.quest-content-formatted h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d2ff,#3a7bd5);-webkit-background-clip:text;color:#00d2ff!important;font-size:2rem;margin-bottom:1rem;margin-top:2rem;text-align:center}.quest-content-formatted h2{align-items:center;color:#fff!important;display:flex;font-size:1.5rem;gap:.5rem;margin-bottom:.5rem;margin-top:1.5rem}.quest-content-formatted h3{color:#00d2ff!important;font-size:1.2rem;margin-bottom:.5rem;margin-top:1rem}.quest-content-formatted p{color:#ffffffe6;margin-bottom:.5rem}.quest-content-formatted li{color:#ffffffd9;list-style:none;margin-bottom:.3rem;margin-left:1rem;position:relative}.quest-content-formatted a{borderRadius:6px;background:#00d2ff1a;border:1px solid #00d2ff4d;color:#00d2ff;display:inline-block;font-weight:700;margin:4px 6px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.quest-content-formatted a:hover{background:#00d2ff33!important;box-shadow:0 4px 15px #00d2ff4d;transform:scale(1.05)!important}.quest-objectives{background:#00ff000d;border:1px solid #0f03;border-radius:8px;margin:1rem 0;padding:1rem}.quest-objectives div{align-items:center;background:#00ff001a;border:1px solid #0f03;border-radius:4px;display:flex;margin-bottom:.5rem;padding:.5rem}.transaction-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.transaction-modal{animation:slideIn .3s ease-out;background:#0f0c29f2;border:1px solid #00d2ff4d;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:400px;padding:2rem;text-align:center;width:90%}.transaction-spinner{margin-bottom:1.5rem}.spinner{animation:spin 1s linear infinite;border:4px solid #00d2ff33;border-radius:50%;border-top-color:#00d2ff;height:60px;margin:0 auto;width:60px}.transaction-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00d2ff,#3a7bd5);-webkit-background-clip:text;color:#00d2ff;font-size:1.5rem;margin-bottom:1rem}.transaction-message{color:#fff;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.transaction-step{color:#ffffffb3;font-size:.9rem;font-style:italic;margin-bottom:1.5rem}.transaction-progress{margin:1.5rem 0}.progress-dots{display:flex;gap:.5rem;justify-content:center}.dot{background:#00d2ff4d;border-radius:50%;height:8px;width:8px}.dot.active,.dot.pulsing{background:#00d2ff}.dot.pulsing{animation:pulse 1.5s ease-in-out infinite}.transaction-warning{background:#ffff001a;border:1px solid #ff03;border-radius:6px;color:#ff0c;font-size:.85rem;margin-top:1rem;padding:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes backgroundShift{0%,to{filter:hue-rotate(0deg);transform:translateX(0) translateY(0)}25%{filter:hue-rotate(90deg);transform:translateX(-50px) translateY(-30px)}50%{filter:hue-rotate(180deg);transform:translateX(50px) translateY(30px)}75%{filter:hue-rotate(270deg);transform:translateX(-30px) translateY(50px)}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}@keyframes glow{0%,to{box-shadow:0 4px 20px #0000001a}50%{box-shadow:0 8px 40px #00d2ff33}}
/*# sourceMappingURL=main.ed8d36f9.css.map*/