*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0e17;color:#fffffe;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#fbbf24,#f59e0b);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f59e0b,#d97706)}.App{background:linear-gradient(135deg,#0f0e17,#1a1a2e 50%,#16213e);min-height:100vh;position:relative}.App:before{background-image:linear-gradient(#fbbf2408 1px,#0000 0),linear-gradient(90deg,#fbbf2408 1px,#0000 0);background-size:50px 50px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.App>*{position:relative;z-index:1}.container{margin:0 auto;max-width:1200px;padding:0 40px}.section{padding:80px 0}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;letter-spacing:2px;margin-bottom:16px;text-align:center;text-transform:uppercase}.section-subtitle{color:#a0a0a0;font-size:18px;margin-bottom:60px;text-align:center}.btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:1px;overflow:hidden;padding:14px 32px;position:relative;text-transform:uppercase;transition:all .3s ease}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 20px #fbbf2466;color:#1a1a2e}.btn-primary:hover{box-shadow:0 6px 30px #fbbf2499;transform:translateY(-2px)}.btn-secondary{background:#8b5cf633;border:2px solid #8b5cf6;color:#a78bfa}.btn-secondary:hover{background:#8b5cf64d;border-color:#a78bfa}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ecc;border:2px solid #fbbf2433;border-radius:12px;padding:24px;position:relative;transition:all .3s ease}.card:before{background:linear-gradient(90deg,#0000,#fbbf24,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.card:hover{border-color:#fbbf2480;box-shadow:0 8px 32px #fbbf2433;transform:translateY(-4px)}.card:hover:before{opacity:1}.progress-bar{background:#ffffff1a;border-radius:10px;height:8px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);height:100%;position:relative;transition:width .5s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.badge-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e}.badge-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.badge-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.grid{grid-gap:24px;display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:968px){.container{padding:0 20px}.section{padding:60px 0}.section-title{font-size:32px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.glow-gold{box-shadow:0 0 20px #fbbf2480}.glow-purple{box-shadow:0 0 20px #8b5cf680}.glow-green{box-shadow:0 0 20px #10b98180}.text-gold{color:#fbbf24}.text-purple{color:#a78bfa}.text-green{color:#10b981}.text-gray{color:#a0a0a0}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0e17f2;border-bottom:2px solid #fbbf2433;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{gap:40px;justify-content:space-between;padding:20px 0}.header-content,.logo-section{align-items:center;display:flex}.logo-section{gap:12px}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:900}.logo,.tagline{letter-spacing:1px}.tagline{background:#8b5cf633;border:1px solid #8b5cf6;border-radius:20px;color:#a78bfa;font-size:11px;font-weight:700;padding:4px 12px;text-transform:uppercase}.nav{display:flex;gap:32px}.nav a{color:#a0a0a0;font-size:15px;font-weight:600;position:relative;text-decoration:none;transition:color .3s ease}.nav a:after{background:linear-gradient(90deg,#fbbf24,#f59e0b);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav a:hover{color:#fbbf24}.nav a:hover:after{width:100%}.header-actions,.user-stats{align-items:center;display:flex;gap:16px}.level-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px;box-shadow:0 4px 12px #fbbf2466;color:#1a1a2e;font-size:14px;font-weight:900;letter-spacing:1px;padding:10px 20px}.xp-bar-container{min-width:200px}.xp-bar{background:#ffffff1a;border:1px solid #10b9814d;border-radius:10px;height:10px;margin-bottom:4px;overflow:hidden}.xp-fill{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 10px #10b98199;height:100%;position:relative;transition:width .5s ease}.xp-fill:after{animation:xpShimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes xpShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.xp-text{color:#10b981;font-size:11px;font-weight:700;text-align:center}@media (max-width:968px){.header-content{flex-wrap:wrap;gap:16px}.nav{gap:20px;justify-content:center;order:3;width:100%}.xp-bar-container{min-width:150px}}.hero{overflow:hidden;padding:120px 0 100px;position:relative}.hero:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#fbbf2426 0,#0000 70%);height:600px;left:-20%;top:-50%;width:600px}.hero:after,.hero:before{content:"";position:absolute}.hero:after{animation:pulse 5s ease-in-out infinite reverse;background:radial-gradient(circle,#8b5cf626 0,#0000 70%);bottom:-50%;height:500px;right:-20%;width:500px}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.hero-content{margin:0 auto;max-width:900px;position:relative;text-align:center;z-index:2}.hero-badge{animation:fadeInDown .6s ease;background:#8b5cf626;border:2px solid #8b5cf666;border-radius:30px;color:#a78bfa;display:inline-block;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:32px;padding:10px 24px}.hero-title{animation:fadeInUp .8s ease;color:#fffffe;font-size:80px;font-weight:900;letter-spacing:-1px;line-height:1.1;margin-bottom:32px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.gradient-text:after{background:linear-gradient(90deg,#fbbf24,#8b5cf6);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.hero-description{animation:fadeIn 1s ease;color:#a0a0a0;font-size:20px;line-height:1.8;margin-bottom:48px}.hero-actions{animation:fadeIn 1.2s ease;display:flex;gap:16px;justify-content:center;margin-bottom:80px}.btn-large{font-size:16px;padding:18px 40px}.hero-features{grid-gap:24px;animation:fadeIn 1.4s ease;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.hero-feature{align-items:center;background:#1a1a2e80;border:2px solid #fbbf2433;border-radius:12px;display:flex;gap:12px;padding:20px;transition:all .3s ease}.hero-feature:hover{border-color:#fbbf2480;box-shadow:0 8px 24px #fbbf2433;transform:translateY(-4px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#fbbf2433,#8b5cf633);border-radius:10px;display:flex;font-size:32px;height:48px;justify-content:center;width:48px}.feature-text{text-align:left}.feature-title{color:#fffffe;font-size:14px;font-weight:700;margin-bottom:2px}.feature-desc{color:#a0a0a0;font-size:12px}.floating-quests{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.floating-quest{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ecc;border:2px solid #fbbf244d;border-radius:12px;display:flex;gap:8px;padding:12px 20px;position:absolute}.quest-1{animation:float 6s ease-in-out infinite;left:5%;top:15%}.quest-2{animation:float 7s ease-in-out 1s infinite;right:8%;top:45%}.quest-3{animation:float 8s ease-in-out 2s infinite;bottom:20%;left:10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.quest-mini-icon{font-size:20px}.quest-mini-text{color:#fbbf24;font-size:13px;font-weight:700}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:968px){.hero{padding:80px 0 60px}.hero-title{font-size:48px}.hero-description{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.hero-features{grid-template-columns:1fr}.floating-quest{display:none}}.stats-section{background:#1a1a2e4d;border-bottom:1px solid #fbbf241a;border-top:1px solid #fbbf241a;padding:60px 0}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.stat-card{align-items:center;background:#1a1a2e99;border:2px solid #fbbf2433;border-radius:16px;display:flex;gap:16px;overflow:hidden;padding:32px 24px;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#0000,#fbbf24,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover{border-color:#fbbf2480;transform:translateY(-8px)}.stat-card:hover:before{opacity:1}.stat-gold{border-color:#fbbf244d}.stat-gold:hover{border-color:#fbbf2499;box-shadow:0 8px 32px #fbbf244d}.stat-green{border-color:#10b9814d}.stat-green:hover{border-color:#10b98199;box-shadow:0 8px 32px #10b9814d}.stat-purple{border-color:#8b5cf64d}.stat-purple:hover{border-color:#8b5cf699;box-shadow:0 8px 32px #8b5cf64d}.stat-icon{align-items:center;background:#fbbf241a;border-radius:12px;display:flex;flex-shrink:0;font-size:48px;height:72px;justify-content:center;width:72px}.stat-content{flex:1 1}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:900;line-height:1;margin-bottom:4px}.stat-label{letter-spacing:.5px}.stat-glow{background:radial-gradient(circle,#fbbf2426 0,#0000 70%);border-radius:50%;bottom:-50%;height:200px;pointer-events:none;position:absolute;right:-50%;width:200px}@media (max-width:968px){.stats-grid{gap:16px;grid-template-columns:1fr}.stat-card{padding:24px 20px}.stat-icon{font-size:36px;height:56px;width:56px}.stat-value{font-size:28px}}.quest-board{background:linear-gradient(135deg,#1a1a2e4d,#0000)}.category-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}.category-tab{align-items:center;background:#1a1a2e80;border:2px solid #fbbf2433;border-radius:30px;color:#a0a0a0;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease}.category-tab:hover{background:#1a1a2eb3;border-color:#fbbf2466}.category-tab.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#0000;box-shadow:0 4px 16px #fbbf2466;color:#1a1a2e}.tab-icon{font-size:18px}.quests-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.quest-card{background:#1a1a2ecc;border:2px solid #fbbf2433;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.quest-card:before{background:linear-gradient(90deg,#0000,#fbbf24,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.quest-card:hover{border-color:#fbbf2480;box-shadow:0 8px 32px #fbbf2433;transform:translateY(-4px)}.quest-card:hover:before{opacity:1}.boss-quest{background:linear-gradient(135deg,#1a1a2ee6,#ef44441a);border-color:#ef444480}.boss-quest:before{background:linear-gradient(90deg,#0000,#ef4444,#0000)}.boss-quest:hover{border-color:#ef4444cc;box-shadow:0 8px 32px #ef444466}.quest-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.quest-icon-large{align-items:center;background:#fbbf241a;border-radius:12px;display:flex;font-size:48px;height:64px;justify-content:center;width:64px}.quest-badges{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.badge-type{background:#8b5cf633;border:1px solid #8b5cf6;color:#a78bfa}.badge-red{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.quest-title{color:#fffffe;font-size:20px;font-weight:800;line-height:1.3;margin-bottom:8px}.quest-description{color:#a0a0a0;font-size:14px;line-height:1.5;margin-bottom:20px}.quest-progress-section{margin-bottom:20px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{color:#a0a0a0;font-size:12px;font-weight:700;text-transform:uppercase}.progress-percent{color:#10b981;font-size:14px;font-weight:800}.quest-footer{border-top:1px solid #fbbf241a;justify-content:space-between;padding-top:20px}.quest-footer,.quest-xp{align-items:center;display:flex}.quest-xp{gap:6px}.xp-icon{font-size:20px}.xp-value{color:#10b981;font-size:16px;font-weight:800}.btn-small{font-size:13px;padding:10px 20px}.create-quest-cta{align-items:center;background:linear-gradient(135deg,#fbbf241a,#8b5cf61a);border:2px solid #fbbf244d;border-radius:20px;display:flex;justify-content:space-between;overflow:hidden;padding:48px;position:relative}.create-quest-cta:before{content:"⚔️";font-size:120px;opacity:.05;position:absolute;right:60px;top:50%;transform:translateY(-50%)}.cta-content h3{color:#fffffe;font-size:28px;font-weight:800;margin-bottom:8px}.cta-content p{color:#a0a0a0;font-size:16px}@media (max-width:968px){.quests-grid{grid-template-columns:1fr}.create-quest-cta{flex-direction:column;gap:24px;padding:32px 24px;text-align:center}.create-quest-cta:before{font-size:80px;right:50%;transform:translate(50%,-50%)}}.achievements-section{background:linear-gradient(180deg,#0000,#1a1a2e4d 50%,#0000)}.achievements-stats{display:flex;gap:60px;justify-content:center;margin-bottom:60px}.achievement-stat{text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:900;margin-bottom:8px}.stat-label{color:#a0a0a0;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.achievements-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.achievement-card{background:#1a1a2ecc;border:2px solid #fbbf2433;border-radius:16px;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.achievement-card:before{background:linear-gradient(180deg,#fbbf24,#f59e0b);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.achievement-card:hover{border-color:#fbbf2480;transform:translateY(-4px)}.achievement-card.unlocked:hover:before{opacity:1}.achievement-card.locked{opacity:.6}.achievement-card.locked .achievement-icon{filter:grayscale(100%)}.achievement-icon-wrapper{flex-shrink:0;position:relative}.achievement-icon{align-items:center;background:#fbbf241a;border:2px solid #fbbf244d;border-radius:16px;display:flex;font-size:64px;height:80px;justify-content:center;width:80px}.lock-overlay{font-size:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.achievement-content{flex:1 1}.achievement-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.achievement-title{color:#fffffe;font-size:18px;font-weight:800;line-height:1.2}.rarity-badge{border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.rarity-badge.rarity-gray{background:#9ca3af33;border:1px solid #6b7280;color:#9ca3af}.rarity-badge.rarity-blue{background:#3b82f633;border:1px solid #3b82f6;color:#60a5fa}.rarity-badge.rarity-purple{background:#8b5cf633;border:1px solid #8b5cf6;color:#a78bfa}.rarity-badge.rarity-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;box-shadow:0 2px 8px #fbbf2466;color:#1a1a2e}.achievement-description{color:#a0a0a0;font-size:14px;line-height:1.5;margin-bottom:16px}.achievement-progress{align-items:center;display:flex;gap:12px}.achievement-progress .progress-bar{flex:1 1;height:8px}.progress-text{color:#10b981;font-size:12px;font-weight:700;min-width:40px}.nft-badge{align-items:center;background:linear-gradient(135deg,#fbbf2433,#8b5cf633);border:1px solid #fbbf24;border-radius:8px;display:inline-flex;gap:6px;padding:8px 14px}.nft-icon{font-size:16px}.nft-text{color:#fbbf24;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.rarity-gold.unlocked{border-color:#fbbf2499;box-shadow:0 4px 24px #fbbf244d}.rarity-purple.unlocked{border-color:#8b5cf699}.rarity-blue.unlocked{border-color:#3b82f699}@media (max-width:968px){.achievements-stats{gap:32px}.achievements-grid{grid-template-columns:1fr}.achievement-card{text-align:center}.achievement-card,.achievement-header{align-items:center;flex-direction:column}}.party-section{background:linear-gradient(135deg,#8b5cf60d,#0000)}.party-benefits{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:60px}.benefit-card{align-items:center;background:#1a1a2e99;border:2px solid #8b5cf64d;border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s ease}.benefit-card:hover{border-color:#8b5cf699;box-shadow:0 8px 24px #8b5cf633;transform:translateY(-4px)}.benefit-icon{align-items:center;background:#8b5cf633;border-radius:12px;display:flex;flex-shrink:0;font-size:36px;height:56px;justify-content:center;width:56px}.benefit-content h3{color:#fffffe;font-size:16px;font-weight:800;margin-bottom:4px}.benefit-content p{color:#a0a0a0;font-size:13px}.parties-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.party-card{background:#1a1a2ecc;border:2px solid #8b5cf64d;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.party-card:before{background:linear-gradient(90deg,#0000,#8b5cf6,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.party-card:hover{border-color:#8b5cf699;box-shadow:0 8px 32px #8b5cf64d;transform:translateY(-4px)}.party-card:hover:before{opacity:1}.party-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.party-icon-large{align-items:center;background:#8b5cf633;border-radius:12px;display:flex;flex-shrink:0;font-size:40px;height:56px;justify-content:center;width:56px}.party-meta{flex:1 1}.party-name{color:#fffffe;font-size:20px;font-weight:800;line-height:1.2;margin-bottom:6px}.party-category{align-items:center;color:#a78bfa;display:flex;font-size:13px;font-weight:600;gap:6px}.category-dot{background:#8b5cf6;border-radius:50%;height:6px;width:6px}.xp-bonus-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;font-size:12px;font-weight:800;padding:8px 14px;white-space:nowrap}.party-quest{background:#8b5cf61a;border-radius:12px;margin-bottom:20px;padding:16px}.quest-label{color:#a0a0a0;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.quest-name{color:#a78bfa;font-size:15px;font-weight:700}.party-progress{margin-bottom:20px}.party-footer{border-top:1px solid #8b5cf633;justify-content:space-between;padding-top:20px}.party-footer,.party-members{align-items:center;display:flex}.party-members{gap:12px}.member-avatar,.members-avatars{align-items:center;display:flex}.member-avatar{background:linear-gradient(135deg,#fbbf24,#8b5cf6);border:2px solid #1a1a2e;border-radius:50%;font-size:16px;height:32px;justify-content:center;margin-left:-8px;transition:transform .3s ease;width:32px}.member-avatar:first-child{margin-left:0}.member-avatar:hover{transform:translateY(-4px);z-index:2}.member-avatar.more{background:#8b5cf64d;color:#a78bfa;font-size:11px;font-weight:700}.members-count{color:#a0a0a0;font-size:13px;font-weight:700}.create-party-section{align-items:center;background:linear-gradient(135deg,#8b5cf626,#fbbf241a);border:2px solid #8b5cf666;border-radius:20px;display:flex;justify-content:space-between;overflow:hidden;padding:48px;position:relative}.create-party-section:before{content:"👥";font-size:120px;opacity:.05;position:absolute;right:60px;top:50%;transform:translateY(-50%)}.create-party-content h3{color:#fffffe;font-size:28px;font-weight:800;margin-bottom:8px}.create-party-content p{color:#a0a0a0;font-size:16px}@media (max-width:968px){.parties-grid,.party-benefits{grid-template-columns:1fr}.create-party-section{flex-direction:column;gap:24px;padding:32px 24px;text-align:center}.create-party-section:before{font-size:80px;right:50%;transform:translate(50%,-50%)}}.leaderboard-section{background:linear-gradient(180deg,#1a1a2e4d,#0000)}.leaderboard-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}.leaderboard-tab{background:#1a1a2e80;border:2px solid #fbbf2433;border-radius:30px;color:#a0a0a0;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px 28px;text-transform:uppercase;transition:all .3s ease}.leaderboard-tab:hover{background:#1a1a2eb3;border-color:#fbbf2466}.leaderboard-tab.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#0000;box-shadow:0 4px 16px #fbbf2466;color:#1a1a2e}.leaderboard-container{background:#1a1a2e99;border:2px solid #fbbf2433;border-radius:20px;overflow:hidden}.leaderboard-header{grid-gap:20px;background:#fbbf241a;border-bottom:2px solid #fbbf2433;color:#fbbf24;display:grid;font-size:12px;font-weight:800;gap:20px;grid-template-columns:80px 1fr 120px 160px 120px;letter-spacing:1px;padding:20px 32px;text-transform:uppercase}.leaderboard-list{padding:8px}.leaderboard-row{grid-gap:20px;align-items:center;background:#1a1a2e66;border:2px solid #fbbf241a;border-radius:12px;display:grid;gap:20px;grid-template-columns:80px 1fr 120px 160px 120px;margin-bottom:8px;padding:20px 24px;transition:all .3s ease}.leaderboard-row:hover{background:#1a1a2eb3;border-color:#fbbf244d;transform:translateX(4px)}.rank-gold{background:linear-gradient(135deg,#fbbf2426,#1a1a2e66);border-color:#fbbf2480}.rank-silver{background:linear-gradient(135deg,#c0c0c026,#1a1a2e66);border-color:#c0c0c080}.rank-bronze{background:linear-gradient(135deg,#cd7f3226,#1a1a2e66);border-color:#cd7f3280}.player-rank{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900;text-align:center}.rank-gold .player-rank{filter:drop-shadow(0 0 8px rgba(251,191,36,.6))}.player-info{gap:16px}.player-avatar,.player-info{align-items:center;display:flex}.player-avatar{background:linear-gradient(135deg,#fbbf2433,#8b5cf633);border:2px solid #fbbf244d;border-radius:50%;font-size:32px;height:48px;justify-content:center;width:48px}.player-name{color:#fffffe;font-size:18px;font-weight:800}.player-level .level-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px;color:#1a1a2e;font-size:13px;font-weight:900;letter-spacing:.5px;padding:8px 16px}.player-quests,.player-xp{align-items:center;color:#a0a0a0;display:flex;font-size:16px;font-weight:700;gap:8px}.quests-icon,.xp-icon{font-size:20px}.your-rank-section{background:#fbbf240d;border-top:2px solid #fbbf2433;padding:24px}.your-rank-card{background:linear-gradient(135deg,#8b5cf633,#fbbf2433);border:2px solid #fbbf2466;border-radius:16px;padding:32px;text-align:center}.your-rank-label{color:#a0a0a0;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.your-rank-info{align-items:center;display:flex;gap:48px;justify-content:center}.rank-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:900}.rank-details{display:flex;gap:32px}.rank-detail{display:flex;flex-direction:column;gap:6px}.detail-label{color:#a0a0a0;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#fbbf24;font-size:24px;font-weight:800}@media (max-width:968px){.leaderboard-header,.leaderboard-row{gap:12px;grid-template-columns:60px 1fr 80px}.header-quests,.header-xp,.player-quests,.player-xp{display:none}.your-rank-info{flex-direction:column;gap:24px}.rank-details{gap:20px}}.how-it-works-section{background:linear-gradient(135deg,#1a1a2e80,#0000 50%,#8b5cf61a);overflow:hidden;position:relative}.how-it-works-section:before{background:radial-gradient(circle,#fbbf241a 0,#0000 70%);border-radius:50%;content:"";height:400px;left:-10%;position:absolute;top:20%;width:400px}.steps-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(4,1fr);margin-bottom:80px;position:relative}.step-card{background:#1a1a2e99;border:2px solid #fbbf2433;border-radius:20px;padding:40px 24px;position:relative;text-align:center;transition:all .3s ease}.step-card:hover{border-color:#fbbf2480;box-shadow:0 12px 40px #fbbf244d;transform:translateY(-8px)}.step-number{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;box-shadow:0 4px 16px #fbbf2480;color:#1a1a2e;display:flex;font-size:24px;font-weight:900;height:48px;justify-content:center;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:48px}.step-icon{font-size:72px;margin-bottom:24px}.step-title{color:#fffffe;font-size:24px;font-weight:800;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.step-description{color:#a0a0a0;font-size:15px;line-height:1.7}.step-arrow{color:#fbbf244d;font-size:32px;position:absolute;right:-32px;top:50%;transform:translateY(-50%);z-index:2}.quest-types-section{margin-bottom:80px}.quest-types-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;letter-spacing:1px;margin-bottom:48px;text-align:center;text-transform:uppercase}.quest-types-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.quest-type-card{background:#1a1a2e99;border:2px solid #fbbf2433;border-radius:16px;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .3s ease}.quest-type-card:before{content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.type-green:before{background:linear-gradient(90deg,#0000,#10b981,#0000)}.type-gold:before{background:linear-gradient(90deg,#0000,#fbbf24,#0000)}.type-purple:before{background:linear-gradient(90deg,#0000,#8b5cf6,#0000)}.type-red:before{background:linear-gradient(90deg,#0000,#ef4444,#0000)}.quest-type-card:hover{border-color:#fbbf2480;box-shadow:0 12px 40px #fbbf244d;transform:translateY(-8px)}.quest-type-card:hover:before{opacity:1}.type-icon{font-size:56px;margin-bottom:20px}.type-title{color:#fffffe;font-size:20px;font-weight:800;margin-bottom:8px}.type-description{color:#a0a0a0;font-size:14px;margin-bottom:16px}.type-xp{background:#10b98133;border:1px solid #10b981;border-radius:8px;color:#10b981;display:inline-block;font-size:14px;font-weight:800;padding:8px 16px}.features-highlight{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.feature-highlight{align-items:center;background:linear-gradient(135deg,#fbbf241a,#8b5cf61a);border:2px solid #fbbf244d;border-radius:16px;display:flex;gap:20px;padding:32px;transition:all .3s ease}.feature-highlight:hover{border-color:#fbbf2480;box-shadow:0 8px 32px #fbbf2433;transform:translateY(-4px)}.highlight-icon{align-items:center;background:#fbbf2433;border-radius:16px;display:flex;flex-shrink:0;font-size:48px;height:72px;justify-content:center;width:72px}.highlight-content h4{color:#fffffe;font-size:20px;font-weight:800;margin-bottom:6px}.highlight-content p{color:#a0a0a0;font-size:14px;line-height:1.5}@media (max-width:968px){.steps-grid{gap:48px;grid-template-columns:1fr}.step-arrow{display:none}.features-highlight,.quest-types-grid{grid-template-columns:1fr}.feature-highlight{flex-direction:column;text-align:center}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .4s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #fbbf244d;border-radius:24px;box-shadow:0 20px 80px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#ef444433;border:2px solid #ef444480;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;line-height:1;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px}.modal-close:hover{background:#ef44444d;transform:rotate(90deg)}.modal-header{border-bottom:2px solid #fbbf2433;padding:40px 40px 24px;text-align:center}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:900;letter-spacing:1px;margin-bottom:12px}.modal-subtitle{color:#a0a0a0;font-size:16px}.quest-form{padding:32px 40px 40px}.form-group{margin-bottom:24px}.form-label{color:#fbbf24;display:block;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#1a1a2e99;border:2px solid #fbbf2433;border-radius:12px;color:#fffffe;font-family:Inter,sans-serif;font-size:15px;padding:14px 18px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#fbbf2499;box-shadow:0 0 0 4px #fbbf241a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#666}.form-textarea{min-height:100px;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.type-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.type-option{cursor:pointer}.type-option input[type=radio]{display:none}.type-card{align-items:center;background:#1a1a2e99;border:2px solid #fbbf2433;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:20px 16px;text-align:center;transition:all .3s ease}.type-option input[type=radio]:checked+.type-card{background:linear-gradient(135deg,#fbbf2433,#8b5cf633);border-color:#fbbf24;box-shadow:0 4px 16px #fbbf244d}.type-option:hover .type-card{border-color:#fbbf2466;transform:translateY(-2px)}.type-icon{font-size:32px}.type-label{color:#a0a0a0;font-size:13px;font-weight:700}.type-option input[type=radio]:checked+.type-card .type-label{color:#fbbf24}.xp-display{align-items:center;background:linear-gradient(135deg,#10b98133,#fbbf2433);border:2px solid #10b981;border-radius:16px;display:flex;gap:16px;margin-bottom:32px;padding:24px}.xp-display .xp-icon{align-items:center;background:#10b9814d;border-radius:12px;display:flex;font-size:48px;height:64px;justify-content:center;width:64px}.xp-content{flex:1 1}.xp-display .xp-label{color:#10b981;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.xp-display .xp-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#fbbf24);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:900}.form-actions{display:flex;gap:12px;justify-content:flex-end}.form-actions .btn{min-width:140px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#1a1a2e66;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#fbbf24,#f59e0b);border-radius:10px}@media (max-width:968px){.modal-content{max-height:95vh}.modal-header{padding:32px 24px 20px}.quest-form{padding:24px}.modal-title{font-size:28px}.form-row,.type-selector{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.footer{background:linear-gradient(180deg,#0000,#1a1a2ecc);border-top:2px solid #fbbf2433;margin-top:80px;padding:80px 0 32px;position:relative}.footer:before{background:linear-gradient(90deg,#0000,#fbbf24,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{grid-gap:60px;border-bottom:1px solid #fbbf241a;display:grid;gap:60px;grid-template-columns:2fr 3fr;margin-bottom:60px;padding-bottom:60px}.footer-brand{max-width:300px}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900;letter-spacing:1px;margin-bottom:12px}.footer-tagline{color:#a0a0a0;font-size:16px;line-height:1.6;margin-bottom:24px}.footer-socials{display:flex;flex-direction:column;gap:12px}.social-link{align-items:center;color:#a0a0a0;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:8px 0;text-decoration:none;transition:all .3s ease}.social-link:hover{color:#fbbf24;transform:translateX(4px)}.footer-links{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.footer-title{color:#fbbf24;font-size:16px;font-weight:800;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.footer-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.footer-list li a{color:#a0a0a0;display:inline-block;font-size:15px;text-decoration:none;transition:all .3s ease}.footer-list li a:hover{color:#fbbf24;transform:translateX(4px)}.footer-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.footer-stat{align-items:center;background:#1a1a2e66;border:2px solid #fbbf2433;border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s ease}.footer-stat:hover{border-color:#fbbf2466;transform:translateY(-4px)}.footer-stat .stat-icon{align-items:center;background:#fbbf241a;border-radius:12px;display:flex;font-size:36px;height:56px;justify-content:center;width:56px}.stat-text{flex:1 1}.footer-stat .stat-value{color:#fbbf24;font-size:24px;font-weight:900;margin-bottom:4px}.footer-stat .stat-label{color:#a0a0a0;font-size:13px;font-weight:600}.footer-bottom{border-top:1px solid #fbbf241a;justify-content:space-between;padding-top:32px}.footer-bottom,.footer-info{align-items:center;display:flex}.footer-info{gap:32px}.copyright{color:#666;font-size:14px}.footer-domain{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;display:flex;gap:8px;padding:8px 16px}.domain-icon{font-size:16px}.domain-text{color:#fbbf24;font-size:14px;font-weight:700}.footer-token{align-items:center;background:linear-gradient(135deg,#fbbf2433,#8b5cf633);border:2px solid #fbbf24;border-radius:12px;display:flex;gap:12px;padding:12px 24px}.token-label{color:#a0a0a0;font-size:13px;font-weight:600}.token-ticker{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:900;letter-spacing:1px}@media (max-width:968px){.footer{padding:60px 0 24px}.footer-content{gap:40px;grid-template-columns:1fr}.footer-brand{max-width:100%}.footer-links{gap:32px}.footer-links,.footer-stats{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:20px;text-align:center}.footer-info{flex-direction:column;gap:16px}}
/*# sourceMappingURL=main.6163b7ba.css.map*/