:root{--primary:#6366f1;--primary-glow:#6366f180;--secondary:#ec4899;--accent:#8b5cf6;--premium-gold:#fbbf24;--background:#0b0f1a;--card-bg:#1e293b80;--text:#fff;--text-muted:#94a3b8;--success:#10b981;--error:#ef4444;--input-bg:#ffffff08;--glass-border:#ffffff14}.light-mode{--background:#fff;--card-bg:#f1f5f9b3;--text:#0f172a;--text-muted:#475569;--primary:#4f46e5;--primary-glow:#4f46e51a;--input-bg:#00000008;--glass-border:#0000001a}.light-mode body:before{background:radial-gradient(circle at 15%,#6366f11a,#0000 40%),radial-gradient(circle at 85% 30%,#ec48991a,#0000 40%),linear-gradient(-45deg,#f1f5f9,#e2e8f0,#f1f5f9,#e2e8f0)}.theme-toggle{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex}.light-mode .theme-toggle{background:#0000000d;border-color:#0000001a}.theme-toggle:hover{background:#ffffff1a;transform:rotate(15deg)}.light-mode .theme-toggle:hover{background:#0000001a}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ff4b4bb3}70%{transform:scale(1);box-shadow:0 0 0 6px #ff4b4b00}to{transform:scale(.95);box-shadow:0 0 #ff4b4b00}}.pulse-dot{animation:2s infinite pulse}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}@keyframes bgMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}body:before{content:"";z-index:-1;pointer-events:none;will-change:background-position;background-color:#0000;background-image:radial-gradient(circle at 15%,#6366f133,#0000 40%),radial-gradient(circle at 85% 30%,#ec489933,#0000 40%),linear-gradient(-45deg,#0f172a,#1e1b4b,#0f172a,#1e1b4b);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:400% 400%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100vw;height:100vh;animation:15s infinite bgMove;position:fixed;top:0;left:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.5;will-change:background-position;background-image:radial-gradient(circle at 20% 30%,#ffffff0d 1px,#0000 1px),radial-gradient(circle at 80% 70%,#ffffff0d 1px,#0000 1px);background-size:100px 100px;width:100%;height:100%;animation:60s linear infinite bgMove;position:fixed;top:0;left:0}.container{max-width:1200px;margin:0 auto;padding:2rem;animation:.8s ease-out fadeIn}@keyframes revealUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal-on-scroll{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards revealUp}.reveal-delay-1{animation-delay:.1s}.reveal-delay-2{animation-delay:.2s}.reveal-delay-3{animation-delay:.3s}.reveal-delay-4{animation-delay:.4s}h1{background:linear-gradient(135deg,var(--text)0%,var(--primary)100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:800}h2{color:var(--text);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 24px -1px #0000001a}.glass-card:after{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 45%,#ffffff0d 50%,#0000 55%);width:300%;height:300%;transition:all .6s;position:absolute;top:-100%;left:-100%}.glass-card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 20px 40px -10px #0006}.glass-card:hover:after{top:100%;left:100%}.btn{cursor:pointer;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn:hover{letter-spacing:.5px;background:#ffffff26;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #0000004d,0 0 15px #6366f166}.btn-primary{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);border:none;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{transform:scale(1.05);box-shadow:0 8px 25px #6366f166}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.glass-input,input[type=text],input[type=number],textarea{color:#fff;resize:vertical;background:#0003;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:1rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.glass-input:focus,input:focus,textarea:focus{border-color:var(--primary);background:#0000004d;outline:none}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.premium-stat-card{background:var(--card-bg);border-radius:24px;align-items:center;gap:1.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}.stat-icon-wrapper{z-index:2;background:#ffffff0d;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.75rem;display:flex;position:relative}.stat-text{z-index:2;flex:1;position:relative}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.85rem;font-weight:600}.stat-value{color:#fff;margin:0;font-size:2.5rem;font-weight:800;line-height:1}.stat-value .unit{color:var(--text-muted);margin-left:.2rem;font-size:1rem}.mini-chart{z-index:2;align-items:flex-end;gap:4px;height:40px;padding-right:.5rem;display:flex;position:relative}.mini-chart .bar{background:#ffffff1a;border-radius:2px;width:6px;transition:all .5s}.mini-chart .bar.active{background:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.gold-tint .stat-icon-wrapper{background:#fbbf241a}.gold-tint .bar.active{background:var(--premium-gold);box-shadow:0 0 10px #fbbf244d}.pulse-tint .stat-icon-wrapper{background:#6366f11a}.pulse-tint .bar.active{background:var(--accent);box-shadow:0 0 10px #8b5cf64d}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content-animate{animation:.5s cubic-bezier(.4,0,.2,1) forwards slideUpFade}.success-message{color:#34d399;background:#10b9811a;border:1px solid #10b98133;border-radius:12px;margin-top:1rem;padding:1rem}.error-message{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;margin-top:1rem;padding:1rem}.loading{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.social-links{text-align:center;border-top:1px solid #ffffff0d;margin-top:4rem;padding:2rem}.social-links h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.social-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.social-link{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.social-link .icon{font-size:1.2rem;line-height:1}.social-link:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.social-link.farcaster:hover{background:#8b5cf61a;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d}.social-link.twitter:hover{background:#1d9bf01a;border-color:#1d9bf0;box-shadow:0 4px 12px #1d9bf04d}.social-link.github:hover{background:#ffffff1a;border-color:#fff;box-shadow:0 4px 12px #fff3}.sticky-header{z-index:1000;background:var(--background);opacity:.95;-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--glass-border);margin:0 -2rem 2.5rem;padding:0;animation:.8s cubic-bezier(.16,1,.3,1) slideDownHeader;position:sticky;top:0;box-shadow:0 4px 30px #0000004d}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;height:80px;margin:0 auto;padding:1rem 2rem;display:flex}.brand{cursor:pointer;z-index:2;align-items:center;gap:1rem;display:flex}.logo-wrapper{width:42px;height:42px;position:relative}.logo-wrapper img{object-fit:contain;z-index:2;border-radius:12px;width:100%;height:100%;position:relative}.logo-glow{background:var(--primary);filter:blur(15px);opacity:.4;z-index:1;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-name{color:var(--text);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.brand-text-group{flex-direction:column;gap:2px;display:flex}.expansion-badge{text-transform:uppercase;color:var(--premium-gold);letter-spacing:.05em;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:4px;width:fit-content;padding:2px 6px;font-size:.65rem;font-weight:800;animation:2s linear infinite shine}@keyframes shine{0%{opacity:.8}50%{opacity:1;text-shadow:0 0 5px var(--premium-gold)}to{opacity:.8}}.brand-name .highlight{color:var(--primary);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.main-nav{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:16px;gap:.5rem;padding:.4rem;display:flex}.nav-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:.6rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-link:hover{color:var(--text);background:var(--input-bg)}.nav-link.active{color:var(--text);background:#6366f126;box-shadow:0 4px 15px #6366f133}.header-actions{align-items:center;gap:1.5rem;display:flex}.btn-connect{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #6366f14d}.btn-connect:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.user-profile-lite{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:100px;align-items:center;gap:1rem;padding:.5rem .5rem .5rem 1.2rem;transition:all .3s;display:flex}.user-profile-lite:hover{background:#ffffff0d;border-color:#6366f14d}.user-meta{align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.user-level{color:var(--premium-gold);background:#fbbf2426;border-radius:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:800;line-height:1}.exp-bar-container{background:var(--input-bg);border-radius:10px;width:100%;height:4px;margin-bottom:.4rem;overflow:hidden}.exp-bar-fill{background:linear-gradient(90deg,var(--primary),var(--accent));height:100%;box-shadow:0 0 10px var(--primary-glow);transition:width 1s ease-out}.user-avatar{width:40px;height:40px;position:relative}.avatar-placeholder{width:100%;height:100%;color:var(--text);text-transform:uppercase;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.status-indicator{border:2px solid var(--background);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.status-indicator.online{background:var(--success);box-shadow:0 0 10px var(--success)}.search-container{width:100%}.search-wrapper{align-items:center;display:flex;position:relative}.premium-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:1rem 1rem 1rem 3rem;font-size:1rem;transition:all .3s}.premium-search-input:focus{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);background:#ffffff0d;outline:none}.search-icon{opacity:.6;font-size:1.2rem;position:absolute;left:1.25rem}.search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;right:1.25rem}.search-clear:hover{color:#fff}.leaderboard-card{margin-top:2rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.badge-impact{background:var(--primary-glow);border:1px solid var(--primary);color:var(--primary);text-transform:uppercase;border-radius:20px;padding:.4rem .8rem;font-size:.75rem;font-weight:700}.leaderboard-table{flex-direction:column;gap:.5rem;display:flex}.table-header{color:var(--text-muted);text-transform:uppercase;grid-template-columns:.5fr 2fr 1fr 1fr;padding:1rem;font-size:.8rem;font-weight:600;display:grid}.table-row{background:#ffffff05;border:1px solid #0000;border-radius:16px;grid-template-columns:.5fr 2fr 1fr 1fr;align-items:center;padding:1.25rem 1rem;transition:all .3s;display:grid}.table-row:hover{background:#ffffff0d;border-color:#ffffff1a;transform:scale(1.01)}.rank{font-size:1.1rem;font-weight:800}.address{font-family:JetBrains Mono,monospace;font-size:.9rem}.score-badge{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:8px;justify-self:start;padding:.3rem .8rem;font-size:.85rem;font-weight:700}.rank-1{background:#fbbf240d;border-color:#fbbf2433}.rank-1 .rank{font-size:1.5rem}.btn-view-all{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:1px dashed #fff3;border-radius:12px;margin-top:2rem;padding:1rem;font-weight:600;transition:all .2s}.btn-view-all:hover{border-color:var(--primary);color:#fff}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:1rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{pointer-events:auto;-webkit-backdrop-filter:blur(20px);background:#0f172ae6;border:1px solid #ffffff1a;border-radius:20px;align-items:flex-start;gap:1rem;min-width:320px;max-width:400px;padding:1.25rem;animation:.5s cubic-bezier(.16,1,.3,1) slideInToast;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0006}@keyframes slideInToast{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast:before{content:"";background:var(--primary);width:4px;height:100%;position:absolute;top:0;left:0}.toast.achievement:before{background:var(--premium-gold)}.toast.success:before{background:var(--success)}.toast-icon{font-size:1.5rem;line-height:1}.toast-content{flex:1}.toast-title{color:#fff;margin-bottom:.25rem;font-size:1rem;font-weight:700}.toast-message{color:var(--text-muted);font-size:.85rem;line-height:1.4}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.toast-close:hover{color:var(--text)}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}.light-mode .skeleton-shimmer{background:linear-gradient(90deg,#00000008 25%,#0000000f 50%,#00000008 75%)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mb-4{margin-bottom:1rem}.tooltip-wrapper{cursor:help;display:inline-block;position:relative}.tooltip-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:10000;text-align:center;background:#0f172af2;border:1px solid #ffffff1a;border-radius:10px;width:max-content;max-width:200px;padding:.6rem 1rem;font-size:.8rem;line-height:1.4;animation:.2s ease-out fadeIn;position:absolute;box-shadow:0 10px 30px #00000080}.tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.tooltip-arrow{border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute}.tooltip-top .tooltip-arrow{border-top:6px solid #0f172af2;top:100%;left:50%;transform:translate(-50%)}.tooltip-bottom .tooltip-arrow{border-bottom:6px solid #0f172af2;bottom:100%;left:50%;transform:translate(-50%)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10001;background:#0009;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:24px;width:90%;max-width:500px;max-height:80vh;padding:2rem;animation:.4s cubic-bezier(.16,1,.3,1) slideUpFade;position:relative;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h3{color:var(--text);font-size:1.5rem;font-weight:800}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{color:var(--text-muted);line-height:1.6}.card-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.feedback-form{flex-direction:column;gap:1rem;display:flex}.feedback-form textarea{background:var(--input-bg);border:1px solid var(--glass-border);min-height:120px;color:var(--text);resize:vertical;border-radius:12px;padding:1rem;font-family:inherit;font-size:.95rem}.feedback-form textarea:focus{border-color:var(--primary);background:#ffffff0d;outline:none}.settings-form{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.setting-item{justify-content:space-between;align-items:center;gap:2rem;display:flex}.setting-item label{color:var(--text);font-size:.95rem;font-weight:600}.setting-item input[type=text]{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text);border-radius:10px;flex:1;padding:.75rem 1rem}.setting-info p{color:var(--text-muted);margin:.25rem 0 0;font-size:.8rem}.btn-save{background:var(--primary);border:none;margin-top:1rem}.switch{width:50px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ffffff1a;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.contract-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.contract-item{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .3s;display:flex}.contract-item:hover{background:#ffffff0a;border-color:#6366f14d;transform:translateY(-5px)}.contract-name{color:var(--text);font-size:1.1rem;font-weight:700}.contract-addr{color:var(--primary);font-family:JetBrains Mono,monospace;font-size:.75rem;display:block}.contract-desc{color:var(--text-muted);flex:1;font-size:.85rem;line-height:1.5}.btn-inspect{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text);text-align:center;border-radius:8px;padding:.6rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-inspect:hover{background:var(--primary);border-color:var(--primary)}.share-dashboard-btn{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.share-dashboard-btn:hover{border-color:var(--primary);background:#ffffff1a;transform:translateY(-2px)}.gas-card .live-indicator{color:var(--success);letter-spacing:.05em;background:#10b9811a;border-radius:4px;padding:.2rem .5rem;font-size:.65rem;font-weight:800}.fee-options{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;display:grid}.fee-item{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;transition:all .3s;display:flex}.fee-item.active{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);background:#6366f10d}.fee-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.fee-value{color:var(--text);font-size:1.1rem;font-weight:800}.fee-time{color:var(--text-muted);font-size:.7rem}.fee-tip{color:var(--text-muted);text-align:center;margin-top:1.5rem;font-size:.8rem;font-style:italic}.faq-list{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.faq-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;transition:all .3s;overflow:hidden}.faq-item.open{background:#ffffff0a;border-color:#6366f133}.faq-question{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:1rem;font-weight:600;display:flex}.faq-question:hover{color:var(--primary)}.faq-toggle{color:var(--text-muted);font-size:1.5rem}.faq-answer{color:var(--text-muted);padding:0 1.5rem 1.5rem;font-size:.95rem;line-height:1.6;animation:.3s ease-out slideUpFade}.roadmap-timeline{flex-direction:column;gap:0;margin-top:2.5rem;padding-left:20px;display:flex;position:relative}.roadmap-timeline:before{content:"";background:#ffffff0d;width:2px;height:100%;position:absolute;top:0;left:26px}.roadmap-item{padding-bottom:2.5rem;padding-left:40px;position:relative}.roadmap-point{z-index:2;background:#1e293b;border:2px solid #fff3;border-radius:50%;width:14px;height:14px;position:absolute;top:6px;left:-2px}.roadmap-item.completed .roadmap-point{background:var(--success);border-color:var(--success);box-shadow:0 0 15px var(--success)}.roadmap-item.current .roadmap-point{background:var(--primary);border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);transform:scale(1.2)}.roadmap-meta{gap:.75rem;margin-bottom:.5rem;display:flex}.phase-tag{text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:800}.status-tag{text-transform:uppercase;border-radius:4px;padding:.1rem .5rem;font-size:.65rem;font-weight:700}.status-tag.completed{color:var(--success);background:#10b9811a}.status-tag.current{color:var(--primary);background:#6366f126}.status-tag.upcoming{color:var(--text-muted);background:#ffffff0d}.roadmap-content h3{margin-bottom:.25rem;font-size:1.1rem}.roadmap-content p{color:var(--text-muted);font-size:.9rem}@media (max-width:1024px){.sticky-header{flex-direction:column;gap:1rem;padding:1rem}.nav-group{flex-wrap:wrap;justify-content:center;width:100%}}.main-footer{background:#0a0f1a80;border-top:1px solid #ffffff0d;border-radius:40px 40px 0 0;margin-top:3rem;padding:2rem 1.5rem 1.5rem}.footer-content{grid-template-columns:1.5fr 2fr 1.5fr;gap:2rem;max-width:1200px;margin:0 auto 2rem;display:grid}.footer-brand-section .footer-desc{color:var(--text-muted);margin-top:1.5rem;font-size:.95rem;line-height:1.6}.footer-socials{gap:1rem;margin-top:2rem;display:flex}.social-icon{background:var(--input-bg);border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text);border-radius:12px;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 15px var(--primary-glow);transform:translateY(-3px)}.footer-links-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.footer-column h4{color:var(--text);margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.footer-column{flex-direction:column;gap:.8rem;display:flex}.footer-column a{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-column a:hover{color:var(--primary)}.footer-newsletter h4{color:#fff;margin-bottom:1.5rem;font-size:1rem;font-weight:700}.footer-newsletter p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.newsletter-form{gap:.5rem;display:flex}.newsletter-form input{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text);border-radius:10px;flex:1;padding:.75rem 1rem;font-size:.9rem}.btn-subscribe{background:var(--primary);color:var(--text);cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-subscribe:hover{filter:brightness(1.2)}.footer-bottom{max-width:1200px;color:var(--text-muted);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin:0 auto;padding-top:2rem;font-size:.85rem;display:flex}.footer-legal{gap:2rem;display:flex}.footer-legal a{color:var(--text-muted);text-decoration:none}.brand-name .highlight{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (max-width:1024px){.footer-content{grid-template-columns:1fr;gap:3rem}}
@media (max-width:768px){h1{margin-bottom:.5rem;font-size:2rem!important}h2{font-size:1.2rem!important}.container{padding:1rem!important}.sticky-header{z-index:1000;position:sticky;top:0;margin:0 -1rem 1.5rem!important}.nav-container{flex-direction:column;gap:.75rem;height:auto!important;padding:.75rem 1rem!important}.brand{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;width:100%}.brand-name{font-size:1rem!important}.logo-wrapper{width:32px!important;height:32px!important}.main-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;overflow:auto hidden;padding:.3rem!important;display:flex!important}.main-nav::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:.5rem .8rem!important;font-size:.75rem!important}.nav-link:active{opacity:.8;transform:scale(.95)}.nav-link .icon{font-size:1rem}.header-actions{justify-content:space-between;width:100%;gap:.5rem!important}.btn-connect{-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex:1;padding:.6rem 1rem!important;font-size:.8rem!important}.btn-connect:active{transform:scale(.98)}.theme-toggle,.share-dashboard-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;padding:0!important;font-size:1rem!important;display:flex!important}.theme-toggle:active,.share-dashboard-btn:active{opacity:.7;transform:scale(.9)}.share-dashboard-btn{color:var(--text)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:12px!important;transition:all .2s!important}.share-dashboard-btn span{display:inline-block}.user-profile-lite{flex:1;padding:.4rem .4rem .4rem .8rem!important}.user-info{font-size:.7rem}.user-addr{font-size:.65rem!important}.user-avatar{width:32px!important;height:32px!important}.avatar-placeholder{font-size:.65rem!important}.user-level{font-size:.55rem!important}.stats-grid{grid-template-columns:1fr!important;gap:1rem!important}.premium-stat-card{padding:1.5rem!important}.stat-value{font-size:2rem!important}.stat-icon-wrapper{width:48px!important;height:48px!important;font-size:1.5rem!important}.glass-card{border-radius:16px!important;padding:1.25rem!important}.btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px;padding:.75rem 1.25rem!important;font-size:.9rem!important}.btn:active{transform:scale(.98)}.btn-primary{justify-content:center;width:100%!important}.premium-search-input{padding:.75rem .75rem .75rem 2.5rem!important;font-size:.9rem!important}.search-icon{font-size:1rem!important;left:.75rem!important}.search-container>div{flex-direction:column!important;gap:.75rem!important}.search-wrapper{width:100%!important}.modal-content{width:95%!important;max-width:95%!important;margin:1rem!important;padding:1.25rem!important}.main-footer{padding:2rem 1rem!important}.footer-content{flex-direction:column!important;gap:2rem!important}.footer-links-grid{grid-template-columns:1fr!important}.footer-newsletter{width:100%!important}.newsletter-form{flex-direction:column!important;gap:.5rem!important}.newsletter-form input,.btn-subscribe{width:100%!important}.social-buttons{width:100%;flex-direction:column!important}.social-link,.glass-card a[href*=github],.glass-card a[href*=explorer]{justify-content:center!important;width:100%!important}.glass-card>div[style*=flexWrap]{flex-direction:column!important}.glass-card button{width:100%!important}.content-animate{scroll-margin-top:200px}.glass-card:first-of-type{margin-top:1rem!important}}@media (max-width:400px){h1{font-size:1.75rem!important}.brand-name{font-size:.9rem!important}.nav-link{padding:.4rem .6rem!important;font-size:.7rem!important}.stat-value{font-size:1.75rem!important}.premium-stat-card{text-align:center!important;flex-direction:column!important;padding:1rem!important}.mini-chart{justify-content:center!important;width:100%!important}}@media (min-width:769px) and (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}.nav-container{height:70px!important}}@media (max-width:768px){body{overflow-x:hidden!important}*{max-width:100vw}img{max-width:100%;height:auto}[style*="fontSize: '2.5rem'"]{font-size:1.75rem!important}button,a,[onClick],[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.main-nav:after{content:"→";opacity:.3;pointer-events:none;font-size:1.2rem;animation:2s ease-in-out infinite slideHint;position:absolute;top:50%;right:0;transform:translateY(-50%)}@keyframes slideHint{0%,to{opacity:.3}50%{opacity:.6}}}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}