*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-padding-top:80px}body{background:#0a0a0a;color:#f1f1f7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;will-change:scroll-position}:root{--bg-deep: #0a0a0a;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .09);--accent: #a78bfa;--accent2: #60f0ff;--accent3: #f472b6;--text-1: #f1f1f7;--text-2: #c8c4e0;--text-3: #8884a0;--border: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .3);--glass-blur: 20px;--shadow: rgba(167, 139, 250, .25);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk", var(--font)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(167,139,250,.15),transparent 50%),radial-gradient(circle at 80% 70%,rgba(96,240,255,.1),transparent 50%),radial-gradient(circle at 50% 50%,rgba(244,114,182,.06),transparent 60%);z-index:-3;pointer-events:none;animation:bgPulse 15s ease-in-out infinite alternate;will-change:transform,opacity}@keyframes bgPulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 30% 40%,rgba(167,139,250,.03) 0%,transparent 80%),radial-gradient(circle at 70% 60%,rgba(96,240,255,.03) 0%,transparent 80%);z-index:-2;pointer-events:none}#circuit-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.5;will-change:transform}.bg-particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.particle{position:absolute;border-radius:50%;bottom:-10px;filter:blur(1px);box-shadow:0 0 12px currentColor;animation:floatUp var(--dur) linear var(--delay) infinite;will-change:transform,opacity}@keyframes floatUp{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(-110vh) translate(40px);opacity:0}}.glass{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--border)}header{position:relative;padding:100px 24px 50px;text-align:center;overflow:hidden}.header-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2}.badge{display:inline-flex;align-items:center;gap:10px;background:#a78bfa1a;border:1px solid var(--border);padding:10px 22px;border-radius:40px;font-size:.85rem;letter-spacing:.12em;color:var(--accent2);text-transform:uppercase;margin-bottom:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px #a78bfa14;max-width:90%;word-break:break-word;text-align:center}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--accent2);box-shadow:0 0 12px var(--accent2);animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}header h1{font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,9vw,6rem);line-height:1;letter-spacing:-.04em;margin-bottom:20px}header h1 span{background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 50%,var(--accent3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 50px rgba(167,139,250,.3));display:inline-block;animation:shimmer 4s ease-in-out infinite;background-size:200% 200%}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{color:var(--text-2);font-size:1.15rem;margin-bottom:50px;letter-spacing:.03em}.stats-row{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.stat{text-align:center;padding:24px 34px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);min-width:150px;transition:.3s;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 60%);pointer-events:none}.stat:hover{border-color:var(--accent2);transform:translateY(-3px);box-shadow:0 10px 30px #60f0ff26}.stat-num{display:block;font-family:var(--font-display);font-weight:700;font-size:2.6rem;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 15px rgba(167,139,250,.3))}.stat-label{display:block;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-3);margin-top:6px}.mobile-nav{display:none;position:sticky;top:0;z-index:1000;background:#0a0a0a26;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.05);padding:8px 16px}.nav-inner{display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:6px;font-weight:800;font-family:var(--font-display)}.nav-logo:before{content:"✦";font-size:1.4rem;filter:drop-shadow(0 0 8px var(--accent))}.nav-title span{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.1rem}.hamburger{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 8px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.hamburger span{width:22px;height:2px;background:var(--text-1);border-radius:2px;transition:.3s;display:block}.hamburger:hover span{background:var(--accent2)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;left:-320px;width:300px;max-width:85%;height:100vh;background:#0c0c0cf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);z-index:1200;transition:left .3s cubic-bezier(.4,0,.2,1);padding:20px 16px;overflow-y:auto}.drawer.open{left:0}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.drawer-title{font-size:1.2rem;font-weight:700;font-family:var(--font-display);background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.drawer-close{background:none;border:none;color:var(--text-2);font-size:1.6rem;cursor:pointer;padding:4px 8px}.drawer-search{margin-bottom:16px}.drawer-search input{width:100%;padding:10px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-1);font-family:var(--font);font-size:.95rem}.drawer-search input::placeholder{color:var(--text-3)}.drawer-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #a78bfa26}.drawer-categories{display:flex;flex-direction:column;gap:4px}.drawer-cat-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin:12px 0 6px}.drawer-cat-btn{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:transparent;border:none;color:var(--text-2);font-family:var(--font);font-size:.9rem;cursor:pointer;transition:.2s;width:100%;text-align:left}.drawer-cat-btn:hover{background:#ffffff0f}.drawer-cat-btn.active{background:#a78bfa1a;color:var(--accent2);border-left:3px solid var(--accent2)}.drawer-cat-btn .cat-label{flex:1}.drawer-cat-btn .cat-count{font-size:.7rem;color:var(--accent2);background:#60f0ff14;border:1px solid rgba(96,240,255,.15);padding:1px 10px;border-radius:10px}.drawer-divider{border-top:1px solid var(--border);margin:8px 0}.roadmap-btn .cat-label{color:var(--accent2)}.submit-btn-drawer{margin-top:4px;background:#a78bfa0f;border:1px solid rgba(167,139,250,.15)}.submit-btn-drawer:hover{background:#a78bfa1f}main{max-width:1400px;margin:0 auto;padding:50px 24px 80px}#no-results{display:none;text-align:center;padding:80px 20px;color:var(--text-3);font-size:1.2rem}#no-results span{display:block;font-size:3.5rem;margin-bottom:20px}.section{margin-bottom:80px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:30px;padding-bottom:18px;border-bottom:1px solid var(--border);position:relative;flex-wrap:wrap}.section-header:before{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2),transparent);box-shadow:0 0 20px var(--accent)}.section-icon{font-size:1.8rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));filter:drop-shadow(0 0 15px rgba(167,139,250,.2));flex-shrink:0}.section-title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,3.5vw,2.4rem);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-1),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex:1;min-width:0}.section-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.section-count{font-size:.8rem;color:var(--accent2);background:#60f0ff0f;border:1px solid var(--border);padding:6px 16px;border-radius:20px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.show-more-btn{display:inline-flex;align-items:center;gap:8px;background:#a78bfa0f;border:1px solid var(--border);color:var(--accent2);padding:10px 24px;border-radius:24px;font-family:var(--font);font-size:.9rem;cursor:pointer;transition:.25s;letter-spacing:.05em;white-space:nowrap;margin-top:20px;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.show-more-btn:hover{border-color:var(--accent2);background:#60f0ff1a;transform:translateY(-2px);box-shadow:0 4px 25px #60f0ff26}.show-more-btn svg{transition:.3s}.show-more-btn.expanded svg{transform:rotate(180deg)}.section-footer{text-align:center;padding-top:10px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.card{position:relative;display:block;padding:28px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;text-decoration:none;color:inherit;overflow:hidden;backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease;will-change:transform}.card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:20px;background:linear-gradient(135deg,var(--accent),var(--accent2),var(--accent3));opacity:0;z-index:0;filter:blur(25px);transition:opacity .35s ease}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);opacity:0;transition:opacity .35s ease}.card:hover{transform:translateY(-4px);border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:0 14px 50px #a78bfa33,0 0 0 1px #a78bfa26}.card:hover:before{opacity:.12}.card:hover:after{opacity:1}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.tool-logo{width:28px;height:28px;border-radius:8px;object-fit:contain;background:#ffffff0d;border:1px solid var(--border);padding:3px;flex-shrink:0}.tool-logo-fallback{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;flex-shrink:0;border:1px solid var(--border)}.card-num{position:relative;z-index:1;display:inline-block;font-weight:600;font-size:.75rem;font-family:var(--font-display);color:var(--accent2);background:#60f0ff0f;border:1px solid var(--border);padding:3px 12px;border-radius:8px;letter-spacing:.08em;transition:.3s;margin-bottom:0}.card:hover .card-num{background:#a78bfa1a;border-color:var(--accent3);color:var(--accent3)}.card-name{position:relative;z-index:1;font-weight:700;font-size:1.2rem;color:var(--text-1);margin-bottom:12px;display:flex;align-items:center;gap:8px;line-height:1.3;letter-spacing:-.01em}.card-name svg{width:18px;height:18px;color:var(--accent2);transition:.3s;flex-shrink:0;opacity:.7}.card:hover .card-name{color:var(--accent2)}.card:hover .card-name svg{transform:translate(4px,-4px);color:var(--accent3);opacity:1}.card-desc{position:relative;z-index:1;color:var(--text-2);font-size:.95rem;line-height:1.7;margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-url{position:relative;z-index:1;font-size:.8rem;color:var(--text-3);letter-spacing:.05em;padding-top:14px;border-top:1px dashed var(--border);display:flex;align-items:center;gap:6px;transition:.3s}.card-url:before{content:"▸";color:var(--accent2);font-size:.9rem;transition:.3s}.card:hover .card-url{color:var(--accent2)}.card:hover .card-url:before{color:var(--accent3);transform:translate(4px)}#roadmaps-section{display:none;padding:40px 24px 60px;background:var(--bg-deep);min-height:100vh;animation:fadeInUp .5s ease-out}#roadmaps-section.active{display:block}.roadmaps-header{max-width:1400px;margin:0 auto 40px}.roadmaps-header-inner{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:16px}.roadmaps-back-btn{display:flex;align-items:center;gap:6px;background:#a78bfa0f;border:1px solid var(--border);color:var(--text-2);padding:10px 18px;border-radius:30px;font-family:var(--font);font-size:.9rem;cursor:pointer;transition:.25s}.roadmaps-back-btn:hover{border-color:var(--accent2);color:var(--accent2);background:#60f0ff0f;transform:translate(-2px)}.roadmaps-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.6rem}.roadmaps-brand-icon{color:var(--accent2);font-size:2rem;filter:drop-shadow(0 0 15px var(--accent2))}.roadmaps-brand-text{background:linear-gradient(135deg,var(--text-1),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.roadmaps-brand-light{font-weight:400;opacity:.6;-webkit-text-fill-color:var(--text-3);background:none}.roadmaps-header-stats{margin-left:auto}.roadmaps-stat{font-weight:700;font-size:1.3rem;color:var(--accent2)}.roadmaps-stat-label{font-weight:400;font-size:.85rem;color:var(--text-3);margin-left:4px}.roadmaps-subtitle{color:var(--text-2);font-size:1.05rem;max-width:700px;margin-top:4px}.roadmaps-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.roadmap-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:26px;backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;gap:12px}.roadmap-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 14px 50px #a78bfa1f}.roadmap-card-icon{font-size:2.8rem;line-height:1;filter:drop-shadow(0 0 10px rgba(167,139,250,.2))}.roadmap-card-body{display:flex;flex-direction:column;flex:1}.roadmap-card-name{font-family:var(--font-display);font-weight:600;font-size:1.2rem;color:var(--text-1);margin-bottom:6px}.roadmap-card-desc{color:var(--text-2);font-size:.9rem;line-height:1.6;flex:1;margin-bottom:16px}.roadmap-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border);flex-wrap:wrap;gap:10px}.roadmap-card-brand{font-size:.75rem;font-weight:600;letter-spacing:.06em;color:var(--text-3);opacity:.7}.roadmap-download-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--accent),var(--accent3));border:none;color:#fff;padding:8px 20px;border-radius:24px;font-family:var(--font);font-size:.8rem;font-weight:600;text-decoration:none;transition:.25s;cursor:pointer;box-shadow:0 4px 20px #a78bfa40}.roadmap-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #a78bfa66}.roadmaps-footer{max-width:1400px;margin:50px auto 0;text-align:center;color:var(--text-3);font-size:.85rem;letter-spacing:.06em;border-top:1px solid var(--border);padding-top:30px}footer{text-align:center;padding:50px 20px;border-top:1px solid var(--border);background:linear-gradient(180deg,transparent,rgba(167,139,250,.03));color:var(--text-3);font-size:.85rem;letter-spacing:.06em}.support-fab{position:fixed;bottom:28px;right:28px;z-index:999;display:flex;align-items:center;gap:8px;padding:14px 26px;border-radius:50px;border:1px solid var(--border);background:linear-gradient(135deg,var(--accent),var(--accent3));color:#fff;font-family:var(--font);font-weight:700;font-size:.95rem;letter-spacing:.03em;cursor:pointer;box-shadow:0 8px 35px #a78bfa66;transition:transform .25s ease,box-shadow .25s ease;animation:fabPulse 2.5s ease-in-out infinite}.support-fab:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 45px #60f0ff73}@keyframes fabPulse{0%,to{box-shadow:0 8px 35px #a78bfa66}50%{box-shadow:0 8px 45px #60f0ff73}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background:#1a1a1a;padding:30px;border-radius:20px;max-width:500px;width:90%;border:1px solid var(--border);position:relative;max-height:90vh;overflow-y:auto}.modal-large{max-width:700px}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;color:var(--text-2);font-size:1.8rem;cursor:pointer}.modal h2{margin-bottom:20px}.modal input,.modal select,.modal textarea,.submit-page input,.submit-page select,.submit-page textarea{width:100%;padding:12px;margin-bottom:12px;background:#ffffff0a!important;border:1px solid var(--border)!important;border-radius:10px;color:var(--text-1)!important;font-family:var(--font);font-size:.95rem;transition:border-color .3s,box-shadow .3s}.modal input:focus,.modal select:focus,.modal textarea:focus,.submit-page input:focus,.submit-page select:focus,.submit-page textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px #a78bfa26}.modal input::placeholder,.submit-page input::placeholder,.submit-page textarea::placeholder{color:var(--text-3)}.modal button[type=submit],.submit-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--accent),var(--accent3));border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer}.admin-dashboard{padding:30px 20px;max-width:900px;margin:0 auto}.admin-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}.admin-header h2{margin:0;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-badge{background:#f472b61f;border:1px solid rgba(244,114,182,.25);color:var(--accent3);padding:2px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.admin-refresh{background:var(--bg-card);border:1px solid var(--border);color:var(--text-2);padding:6px 16px;border-radius:20px;cursor:pointer;transition:.3s}.admin-refresh:hover{border-color:var(--accent2);color:var(--accent2)}.admin-empty{text-align:center;padding:40px 20px}.admin-empty span{font-size:3rem;display:block;margin-bottom:10px}.pending-list{display:flex;flex-direction:column;gap:16px}.pending-item{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;transition:.3s}.pending-item:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.tool-info{flex:1;min-width:250px}.tool-info h3{margin:0 0 6px;color:var(--text-1)}.tool-category{color:var(--accent2);font-size:.85rem;margin:4px 0}.tool-desc{color:var(--text-2);font-size:.9rem;margin:6px 0}.tool-ai-use{color:var(--accent);font-size:.9rem;background:#a78bfa0f;padding:4px 12px;border-radius:8px;display:inline-block;margin:4px 0}.tool-url a{color:var(--accent2);text-decoration:none;word-break:break-all;font-size:.85rem}.tool-url a:hover{text-decoration:underline}.tool-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:8px;color:var(--text-3);font-size:.8rem}.tool-actions{display:flex;gap:10px;align-items:center}.btn-approve,.btn-reject{padding:8px 18px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:.3s}.btn-approve{background:#34d399;color:#000}.btn-approve:hover:not(:disabled){transform:scale(1.03);box-shadow:0 4px 15px #34d3994d}.btn-reject{background:#f87171;color:#fff}.btn-reject:hover:not(:disabled){transform:scale(1.03);box-shadow:0 4px 15px #f871714d}.btn-approve:disabled,.btn-reject:disabled{opacity:.5;cursor:not-allowed}.admin-loading{text-align:center;padding:50px;color:var(--text-3)}.submit-page{min-height:100vh;padding:40px 24px 60px;max-width:700px;margin:0 auto}.submit-page-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.submit-page-header h1{font-family:var(--font-display);background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2rem;margin:0}.back-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-2);padding:8px 18px;border-radius:30px;font-size:.9rem;cursor:pointer;transition:.25s}.back-btn:hover{border-color:var(--accent2);color:var(--accent2);transform:translate(-2px)}.submit-page-content{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fee-card{background:linear-gradient(135deg,#a78bfa1f,#60f0ff14);border:1px solid var(--border);border-radius:16px;padding:20px;text-align:center;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;animation:glowPulse 3s ease-in-out infinite}.fee-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent),var(--accent3));opacity:.06;border-radius:16px}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #a78bfa0d}50%{box-shadow:0 0 40px #60f0ff26}}.fee-badge{display:inline-block;background:#60f0ff1f;border:1px solid rgba(96,240,255,.2);color:var(--accent2);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 16px;border-radius:20px;margin-bottom:8px;position:relative}.fee-amount{font-size:2.6rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent2),var(--accent3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.fee-note{color:var(--text-3);font-size:.85rem;margin-top:4px;position:relative}.payment-methods{margin-bottom:24px}.payment-label{color:var(--text-2);font-size:.9rem;margin-bottom:12px}.payment-options{display:flex;gap:12px;flex-wrap:wrap}.payment-option{flex:1;min-width:180px;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:14px 16px;cursor:pointer;transition:.3s;display:flex;flex-direction:column;gap:4px;position:relative}.payment-option:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.payment-option.active{border-color:var(--accent2);background:#60f0ff0d;box-shadow:0 0 30px #60f0ff14}.payment-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.payment-icon{font-size:1.6rem}.payment-name{font-weight:600;color:var(--text-1)}.payment-detail{font-size:.75rem;color:var(--text-3);word-break:break-all}.category-group{margin-bottom:12px}.category-label{display:block;font-size:.85rem;color:var(--text-2);margin-bottom:6px;font-weight:500}.category-select{width:100%;padding:12px;background:#ffffff0a!important;border:1px solid var(--border)!important;border-radius:10px;color:var(--text-1)!important;font-family:var(--font);font-size:.95rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath stroke='%238884a0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.category-select:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px #a78bfa26}.category-select option{background:#1a1a1a;color:var(--text-1)}.pulse-icon{display:inline-block;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent),var(--accent3));border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:.3s;margin-top:8px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #a78bfa59}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.message{margin-top:16px;padding:12px;border-radius:10px;text-align:center;font-weight:500}.message.success{background:#34d3991a;border:1px solid rgba(52,211,153,.25);color:#34d399}.message.error{background:#f871711a;border:1px solid rgba(248,113,113,.25);color:#f87171}.pending-message{text-align:center;padding:30px 20px}.pending-icon{font-size:3.5rem;display:block;margin-bottom:12px}.pending-message h3{font-size:1.5rem;margin-bottom:10px;color:var(--text-1)}.pending-message p{color:var(--text-2);line-height:1.7;max-width:450px;margin:0 auto 16px}.close-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-2);padding:10px 30px;border-radius:30px;font-size:.95rem;cursor:pointer;transition:.3s}.close-btn:hover{border-color:var(--accent2);color:var(--accent2);background:#60f0ff0d}.support-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.support-modal-icon{font-size:2rem;animation:pulse 2s ease-in-out infinite}.support-modal-header h2{margin:0;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.5rem}.support-modal-desc{color:var(--text-2);font-size:.95rem;line-height:1.7;margin-bottom:20px}.payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;text-align:left}.payment-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#ffffff05;border:1px solid var(--border);border-radius:16px;transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}.payment-card:hover{border-color:var(--border-hover);background:#ffffff0a;box-shadow:0 4px 25px #a78bfa0f}.payment-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff05}.payment-icon svg{width:48px;height:48px}.payment-details{flex:1;min-width:0}.payment-name{font-weight:700;font-size:1rem;color:var(--text-1);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.payment-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#26a17b;background:#26a17b1a;border:1px solid rgba(38,161,123,.2);padding:2px 10px;border-radius:8px}.payment-chain{font-size:.8rem;color:var(--text-3);margin-top:2px}.payment-address{font-size:.75rem;font-weight:500;color:var(--accent2);background:#60f0ff0a;padding:2px 10px;border-radius:8px;display:inline-block;margin-top:4px;font-family:Inter,monospace;letter-spacing:.02em;word-break:break-all}.badge .quote-text{display:inline-block;animation:quoteFadeIn .8s ease-out}@keyframes quoteFadeIn{0%{opacity:0;transform:translateY(-8px);filter:blur(4px)}60%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0)}}.desktop-layout{display:flex;max-width:1600px;margin:0 auto;padding:0 24px;gap:0}.desktop-sidebar{width:260px;flex-shrink:0;position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto;padding:24px 24px 24px 0;border-right:1px solid var(--border)}.desktop-sidebar::-webkit-scrollbar{width:4px}.desktop-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent),var(--accent2));border-radius:10px}.sidebar-header{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--border);position:relative}.sidebar-header:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2),transparent);box-shadow:0 0 15px var(--accent);border-radius:2px}.sidebar-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:900;font-size:1.55rem;letter-spacing:-.03em;line-height:1.1}.sidebar-logo{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent3));color:#fff;font-size:1.4rem;font-weight:900;flex-shrink:0;box-shadow:0 6px 20px #a78bfa59,inset 0 0 0 1px #ffffff26;animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,to{box-shadow:0 6px 20px #a78bfa59,inset 0 0 0 1px #ffffff26}50%{box-shadow:0 6px 30px #60f0ff73,inset 0 0 0 1px #ffffff40}}.sidebar-title{font-weight:900;color:var(--text-1);display:inline-flex;align-items:center;gap:4px;letter-spacing:-.02em}.sidebar-title .sidebar-x{background:linear-gradient(135deg,var(--accent),var(--accent2),var(--accent3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;font-style:italic;font-size:1.35rem;padding:0 2px;filter:drop-shadow(0 0 8px rgba(167,139,250,.35))}.sidebar-tagline{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin-top:8px;padding-left:48px;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.85}.sidebar-search{display:flex;align-items:center;gap:10px;background:#a78bfa0d;border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin-bottom:20px;color:var(--accent2);transition:.3s}.sidebar-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #a78bfa1a}.sidebar-search input{flex:1;background:transparent;border:none;color:var(--text-1);font-family:var(--font);font-size:.9rem;outline:none;min-width:0}.sidebar-search input::placeholder{color:var(--text-3)}.sidebar-section-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;padding-left:4px}.sidebar-categories{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}.sidebar-cat-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border-radius:10px;background:transparent;border:none;color:var(--text-2);font-family:var(--font);font-size:.85rem;cursor:pointer;transition:.2s;text-align:left}.sidebar-cat-btn:hover{background:#ffffff0a;color:var(--text-1)}.sidebar-cat-btn.active{background:#a78bfa1f;color:var(--accent2);border-left:3px solid var(--accent2)}.sidebar-cat-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-cat-count{font-size:.7rem;color:var(--accent2);background:#60f0ff14;border:1px solid rgba(96,240,255,.15);padding:1px 8px;border-radius:10px;flex-shrink:0}.sidebar-divider{border-top:1px solid var(--border);margin:12px 0}.sidebar-action-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border-radius:10px;background:#ffffff08;border:1px solid var(--border);color:var(--text-2);font-family:var(--font);font-size:.85rem;cursor:pointer;transition:.2s;margin-bottom:8px;text-align:left}.sidebar-action-btn:hover{background:#ffffff0f;border-color:var(--border-hover);color:var(--text-1)}.sidebar-action-btn.submit{background:#a78bfa14;border-color:#a78bfa33;color:var(--accent)}.sidebar-action-btn.submit:hover{background:#a78bfa26}.sidebar-action-count{font-size:.7rem;color:var(--accent2);background:#60f0ff14;padding:1px 8px;border-radius:10px}.desktop-main{flex:1;min-width:0;padding-left:40px}.desktop-main header{padding:80px 20px 60px;display:flex;align-items:center;justify-content:center}.desktop-main .header-inner{max-width:900px;width:100%}.desktop-main .badge{font-size:.95rem!important;padding:12px 26px!important;letter-spacing:.14em!important;margin-bottom:32px!important;border-radius:44px!important}.desktop-main .badge-dot{width:9px;height:9px}.desktop-main header h1{font-size:clamp(3.5rem,6.5vw,5.5rem)!important;margin-bottom:22px!important;letter-spacing:-.045em}.desktop-main .subtitle{font-size:1.25rem!important;margin-bottom:50px!important;max-width:720px;margin-left:auto;margin-right:auto;line-height:1.6}.desktop-main .stats-row{gap:28px!important;margin-bottom:32px}.desktop-main .stat{padding:30px 42px!important;min-width:170px;border-radius:22px!important}.desktop-main .stat-num{font-size:3.2rem!important}.desktop-main .stat-label{font-size:.9rem!important;margin-top:8px!important;letter-spacing:.16em!important}.desktop-main main{padding:40px 0 80px;max-width:100%}@media (max-width: 768px){.mobile-nav{display:block}.desktop-layout{display:block;padding:0}.desktop-sidebar{display:none}.desktop-main{padding-left:0}.desktop-main header{padding:40px 16px 30px;display:block}.desktop-main .badge{font-size:.9rem!important;padding:8px 16px!important;letter-spacing:.12em!important;margin-bottom:28px!important;border-radius:40px!important}.desktop-main header h1{font-size:2.8rem!important;margin-bottom:12px!important;letter-spacing:-.04em}.desktop-main .subtitle{font-size:1.1rem!important;margin-bottom:30px!important;max-width:100%}.desktop-main .stats-row{gap:12px!important;margin-bottom:0}.desktop-main .stat{padding:16px 20px!important;min-width:100px;border-radius:20px!important}.desktop-main .stat-num{font-size:2.2rem!important}.desktop-main .stat-label{font-size:.8rem!important;margin-top:6px!important;letter-spacing:.15em!important}.desktop-main main{padding:24px 10px 40px}header{padding:60px 16px 30px}header h1{font-size:2.2rem}.badge{font-size:.7rem;padding:6px 12px}.stats-row{gap:10px}.stat{padding:12px 16px;min-width:80px}.stat-num{font-size:1.6rem}.stat-label{font-size:.65rem}.subtitle{font-size:.9rem;margin-bottom:24px}main{padding:16px 10px 40px}.card-grid{grid-template-columns:1fr;gap:14px}.section-title{font-size:1.2rem}.section-icon{width:40px;height:40px;font-size:1.2rem}.section{margin-bottom:40px}.card{padding:16px}.card-name{font-size:1rem}.card-desc{font-size:.85rem}.card-header{gap:8px}.tool-logo,.tool-logo-fallback{width:28px;height:28px}.card-num{font-size:.7rem}.roadmaps-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.roadmaps-header-inner{gap:14px}.roadmaps-brand{font-size:1.2rem}.roadmaps-stat{font-size:1.1rem}.roadmaps-subtitle{font-size:.95rem}.roadmap-card{padding:20px}.roadmap-card-name{font-size:1.1rem}.support-fab{bottom:18px;right:18px;padding:12px 20px;font-size:.85rem}.payment-grid{grid-template-columns:1fr;gap:12px}.payment-card{padding:14px 16px}.payment-address{font-size:.7rem}.modal{padding:20px}.payment-options{flex-direction:column}.fee-amount{font-size:2rem}}@media (max-width: 480px){.desktop-main header{padding:30px 12px 20px}.desktop-main .badge{font-size:.85rem!important;padding:6px 14px!important}.desktop-main header h1{font-size:2.4rem!important}.desktop-main .subtitle{font-size:1rem!important}.desktop-main .stat{padding:12px 16px!important;min-width:70px}.desktop-main .stat-num{font-size:1.8rem!important}.desktop-main .stat-label{font-size:.75rem!important}header h1{font-size:1.8rem}.stat{padding:8px 12px;min-width:70px}.stat-num{font-size:1.3rem}.card{padding:14px}.card-name{font-size:.95rem}.card-desc{font-size:.8rem}.roadmaps-grid{grid-template-columns:1fr;gap:14px}.roadmap-card{padding:16px}.roadmaps-brand{font-size:1rem}.roadmaps-back-btn{font-size:.8rem;padding:6px 12px}.roadmap-download-btn{font-size:.75rem;padding:6px 16px}.submit-page-header h1{font-size:1.5rem}.submit-page-content{padding:16px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent),var(--accent2));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent2)}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}