@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-primary: #0a0a0b;--bg-secondary: #0f0f11;--bg-card: rgba(10,10,14,.75);--bg-card-hover: rgba(10,10,14,.85);--bg-input: rgba(255,255,255,.05);--bg-glass: rgba(10,10,11,.9);--bg-nav: rgba(10,10,11,.92);--bg-mobile-menu: rgba(10,10,11,.98);--bg-modal: #0f0f11;--bg-dropdown: #0f0f11;--border-subtle: rgba(255,255,255,.06);--border-medium: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.18);--border-silver: rgba(200,200,210,.2);--text-primary: #e8e8ea;--text-secondary: rgba(232,232,234,.55);--text-muted: rgba(232,232,234,.3);--silver-100: #ffffff;--silver-200: #e8e8ea;--silver-300: #c8c8cc;--silver-400: #a0a0a8;--silver-500: #787880;--dot-color: rgba(255,255,255,.015);--vignette: rgba(180,180,190,.06);--shadow-card: 0 8px 32px rgba(0,0,0,.6);--shadow-elevated: 0 24px 64px rgba(0,0,0,.8);--shadow-silver-glow: 0 0 30px rgba(200,200,210,.08);--shadow-inset: inset 0 1px 0 rgba(255,255,255,.08);--btn-primary-bg: linear-gradient(135deg,#2a2a30 0%,#3a3a42 50%,#2a2a30 100%);--btn-primary-bg-hover: linear-gradient(135deg,#323238 0%,#424248 50%,#323238 100%);--btn-ghost-bg: rgba(255,255,255,.03);--btn-ghost-bg-hover: rgba(255,255,255,.06);--swap-box-bg: linear-gradient(160deg,rgba(10,10,14,.8) 0%,rgba(10,10,14,.7) 60%,rgba(10,10,14,.65) 100%);--swap-panel-bg: rgba(255,255,255,.03);--swap-panel-focus-bg: rgba(255,255,255,.045);--gradient-silver: linear-gradient(135deg,#ffffff 0%,#c0c0c8 30%,#808088 60%,#c8c8d0 85%,#e8e8f0 100%);--gradient-silver-text: linear-gradient(135deg,#e8e8ea 0%,#ffffff 25%,#a0a0a8 50%,#ffffff 75%,#c8c8cc 100%);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .15s cubic-bezier(.4,0,.2,1);--transition-normal: .25s cubic-bezier(.4,0,.2,1);--transition-theme: background-color .3s ease, color .3s ease, border-color .3s ease}[data-theme=light]{--bg-primary: #f4f4f6;--bg-secondary: #ffffff;--bg-card: rgba(0,0,0,.03);--bg-card-hover: rgba(0,0,0,.055);--bg-input: rgba(0,0,0,.04);--bg-glass: rgba(244,244,246,.92);--bg-nav: rgba(255,255,255,.92);--bg-mobile-menu: rgba(255,255,255,.99);--bg-modal: #ffffff;--bg-dropdown: #ffffff;--border-subtle: rgba(0,0,0,.07);--border-medium: rgba(0,0,0,.11);--border-strong: rgba(0,0,0,.2);--border-silver: rgba(80,80,100,.18);--text-primary: #111114;--text-secondary: rgba(17,17,20,.55);--text-muted: rgba(17,17,20,.35);--silver-100: #111114;--silver-200: #222228;--silver-300: #444450;--silver-400: #666672;--silver-500: #888894;--dot-color: rgba(0,0,0,.04);--vignette: rgba(100,100,120,.04);--shadow-card: 0 4px 24px rgba(0,0,0,.08);--shadow-elevated: 0 16px 48px rgba(0,0,0,.12);--shadow-silver-glow: 0 0 20px rgba(80,80,100,.06);--shadow-inset: inset 0 1px 0 rgba(255,255,255,.7);--btn-primary-bg: linear-gradient(135deg,#e8e8ec 0%,#f4f4f8 50%,#e8e8ec 100%);--btn-primary-bg-hover: linear-gradient(135deg,#dcdce0 0%,#eaeaee 50%,#dcdce0 100%);--btn-ghost-bg: rgba(0,0,0,.03);--btn-ghost-bg-hover: rgba(0,0,0,.06);--swap-box-bg: linear-gradient(160deg,rgba(255,255,255,.9) 0%,rgba(240,240,245,.8) 100%);--swap-panel-bg: rgba(0,0,0,.03);--swap-panel-focus-bg: rgba(0,0,0,.05);--gradient-silver: linear-gradient(135deg,#444450 0%,#222228 30%,#555560 60%,#333340 85%,#222228 100%);--gradient-silver-text: linear-gradient(135deg,#222228 0%,#111114 25%,#555560 50%,#111114 75%,#333340 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;line-height:1.6;transition:var(--transition-theme)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--dot-color) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0;transition:opacity .3s ease}body:after{content:"";position:fixed;top:0;left:0;right:0;height:300px;background:radial-gradient(ellipse 70% 40% at 50% -10%,var(--vignette) 0%,transparent 70%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}.app-container{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1160px;margin:0 auto;padding:0 1.5rem}.font-mono{font-family:var(--font-mono)}.silver-text{background:var(--gradient-silver-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-mark{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;flex-shrink:0}.logo-svg{filter:drop-shadow(0 0 6px rgba(200,200,210,.25));transition:filter .3s}[data-theme=light] .logo-svg{filter:drop-shadow(0 0 6px rgba(60,60,80,.2))}.logo-wordmark{font-size:1.3rem;font-weight:700;letter-spacing:-.03em;background:var(--gradient-silver-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}nav.main-nav{position:sticky;top:0;z-index:100;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:var(--bg-nav);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle);gap:1rem;transition:var(--transition-theme)}.nav-links{display:flex;align-items:center;gap:.15rem;position:absolute;left:50%;transform:translate(-50%)}.nav-link{display:flex;align-items:center;gap:.4rem;padding:.45rem .875rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;text-decoration:none;color:var(--text-secondary);transition:all var(--transition-fast);border:1px solid transparent;letter-spacing:.01em;white-space:nowrap}.nav-link:hover{color:var(--text-primary);background:var(--bg-card-hover);border-color:var(--border-subtle)}.nav-link.active{color:var(--text-primary);background:var(--bg-card-hover);border-color:var(--border-silver)}.nav-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-sans);font-weight:600;font-size:.875rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;padding:.65rem 1.25rem;letter-spacing:.01em;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--btn-primary-bg);color:var(--text-primary);border:1px solid var(--border-silver);box-shadow:var(--shadow-inset),0 4px 12px #00000026}.btn-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover);border-color:var(--border-strong);box-shadow:var(--shadow-inset),0 4px 20px #0003}.btn-silver{background:var(--gradient-silver);color:#fff;border:none;font-weight:700;box-shadow:0 4px 16px #0000004d}[data-theme=light] .btn-silver{color:#fff}.btn-silver:hover:not(:disabled){box-shadow:0 6px 24px #00000059;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#1a4a2e,#1f5a36);color:#4ade80;border:1px solid rgba(74,222,128,.2);box-shadow:0 4px 12px #0003}[data-theme=light] .btn-success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-color:#16653440}.btn-success:hover:not(:disabled){border-color:#4ade8066;box-shadow:0 4px 20px #00000040,0 0 16px #4ade801a}.btn-danger{background:linear-gradient(135deg,#4a1a1a,#5a1f1f);color:#f87171;border:1px solid rgba(248,113,113,.2);box-shadow:0 4px 12px #0003}[data-theme=light] .btn-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#991b1b40}.btn-danger:hover:not(:disabled){border-color:#f8717166;box-shadow:0 4px 20px #00000040}.btn-ghost{background:var(--btn-ghost-bg);color:var(--text-secondary);border:1px solid var(--border-medium)}.btn-ghost:hover:not(:disabled){background:var(--btn-ghost-bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-icon{padding:.55rem;width:36px;height:36px;border-radius:var(--radius-md)}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:var(--bg-card);border:1px solid var(--border-medium);color:var(--text-secondary)}.pill-silver{background:#9696aa1a;border-color:var(--border-silver);color:var(--text-secondary)}.pill-green{background:#4ade8014;border-color:#4ade8033;color:#4ade80}[data-theme=light] .pill-green{color:#166534;background:#16653414;border-color:#16653433}.pill-yellow{background:#fbbf2414;border-color:#fbbf2433;color:#fbbf24}[data-theme=light] .pill-yellow{color:#92400e;background:#92400e14;border-color:#92400e33}.pill-red{background:#f8717114;border-color:#f8717133;color:#f87171}[data-theme=light] .pill-red{color:#991b1b}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-medium)}.glass-card-elevated{background:var(--swap-box-bg);border:1px solid var(--border-silver);border-radius:var(--radius-xl);box-shadow:var(--shadow-card),var(--shadow-silver-glow),var(--shadow-inset)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}[data-theme=light] .modal-overlay{background:#00000059}.modal-box{background:var(--bg-modal);border:1px solid var(--border-silver);border-radius:var(--radius-xl);padding:1.75rem;width:100%;max-width:420px;box-shadow:var(--shadow-elevated),var(--shadow-inset);animation:slideUp .25s cubic-bezier(.34,1.56,.64,1)}.swap-wrapper{max-width:460px;margin:0 auto}.swap-box{background:var(--swap-box-bg);border:1px solid var(--border-silver);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-card),var(--shadow-silver-glow),var(--shadow-inset)}.swap-input-panel{background:var(--swap-panel-bg);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:1rem 1.25rem;transition:all var(--transition-fast)}.swap-input-panel:focus-within{border-color:var(--border-silver);background:var(--swap-panel-focus-bg);box-shadow:0 0 0 3px #9696aa0f}.swap-amount-input{border:none;background:transparent;font-family:var(--font-mono);font-size:1.9rem;font-weight:600;color:var(--text-primary);width:100%;outline:none;min-width:0}.swap-amount-input::placeholder{color:var(--text-muted)}.token-badge{display:flex;align-items:center;gap:.45rem;padding:.45rem .875rem;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-full);font-weight:600;font-size:.875rem;cursor:pointer;white-space:nowrap;flex-shrink:0;color:var(--text-primary);transition:all var(--transition-fast)}.token-badge:hover{background:var(--bg-card-hover);border-color:var(--border-silver)}.swap-flip-btn{width:38px;height:38px;border-radius:50%;background:var(--bg-card-hover);border:1px solid var(--border-silver);display:flex;align-items:center;justify-content:center;cursor:pointer;margin:-11px auto;position:relative;z-index:10;color:var(--text-secondary);transition:all var(--transition-fast);box-shadow:var(--shadow-inset)}.swap-flip-btn:hover{background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--text-primary);transform:scale(1.1) rotate(180deg)}.swap-flip-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.percent-strip{display:flex;gap:.35rem;margin-top:.65rem}.percent-chip{flex:1;padding:.28rem 0;font-size:.75rem;font-family:var(--font-mono);font-weight:600;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);text-align:center}.percent-chip:hover{background:var(--bg-card-hover);border-color:var(--border-silver);color:var(--text-primary)}.rate-bar{display:flex;justify-content:space-between;align-items:center;padding:.6rem .875rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin-top:.75rem;font-size:.78rem;color:var(--text-muted);font-family:var(--font-mono)}.progress-track{width:100%;height:3px;background:var(--border-subtle);border-radius:var(--radius-full);overflow:hidden;margin-top:1rem}.progress-fill{height:100%;background:var(--gradient-silver);border-radius:var(--radius-full);transition:width .4s ease;box-shadow:0 0 8px #9696aa66}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;background:var(--bg-dropdown);border:1px solid var(--border-silver);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-elevated);z-index:50;animation:slideDown .16s ease}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;cursor:pointer;transition:background var(--transition-fast);gap:.75rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-card-hover)}.dropdown-item.active{background:var(--bg-card)}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.activity-item:hover{background:var(--bg-card-hover);border-color:var(--border-medium)}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:all var(--transition-normal)}.feature-card:hover{background:var(--bg-card-hover);border-color:var(--border-silver);transform:translateY(-2px);box-shadow:var(--shadow-card)}.feature-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border-subtle)}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;transition:border-color var(--transition-normal)}.stat-card:hover{border-color:var(--border-silver)}.stat-value{font-size:1.7rem;font-weight:800;font-family:var(--font-mono);letter-spacing:-.03em}.divider{height:1px;background:var(--border-subtle);margin:1rem 0}.nav-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;transition:all var(--transition-fast)}.nav-dot-live{background:#22c55e;box-shadow:0 0 #22c55e99;animation:pulse-green 2s ease-in-out infinite}.nav-dot-soon{background:#f59e0b;opacity:.7}.nav-dot-default{background:var(--silver-400);opacity:.4}.nav-link.active .nav-dot-default{opacity:1;background:var(--silver-300)}.nav-link.active .nav-dot-live{animation:pulse-green 1.5s ease-in-out infinite}@keyframes pulse-green{0%{box-shadow:0 0 #22c55e8c}60%{box-shadow:0 0 0 5px #22c55e00}to{box-shadow:0 0 #22c55e00}}.page-header{padding:2.5rem 0 2rem;border-bottom:1px solid var(--border-subtle);margin-bottom:2rem}.page-header-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.status-badge-live{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#22c55e}.status-badge-soon{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#f59e0b}.status-badge-info{background:#94a3b81a;border:1px solid var(--border-medium);color:var(--text-muted)}.page-title{font-size:clamp(1.9rem,4vw,2.75rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:.5rem}.page-subtitle{font-size:.875rem;color:var(--text-secondary);font-family:var(--font-mono);line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.spin{animation:spin 1s linear infinite}.cursor-blink{display:inline-block;width:2px;height:.9em;background:var(--text-muted);margin-left:3px;vertical-align:middle;border-radius:1px;animation:blink 1s step-end infinite}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-secondary)}.text-xs{font-size:.75rem}.text-sm{font-size:.85rem}.text-lg{font-size:1.1rem}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-6{margin-top:3rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.w-full{width:100%}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.mobile-only{display:none}.desktop-only{display:flex}@media (max-width: 1024px){.nav-links{gap:0rem}.nav-link{padding:.4rem .6rem;font-size:.8rem}}@media (max-width: 768px){html{font-size:14px}nav.main-nav{height:58px;padding:0 1rem}.nav-links{display:none}.nav-links.mobile-open{display:flex;flex-direction:column;position:absolute;top:58px;left:0;right:0;transform:none;background:var(--bg-mobile-menu);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle);padding:.75rem;gap:.35rem;z-index:99;animation:slideDown .18s ease;box-shadow:var(--shadow-card)}.nav-link{width:100%;border-radius:var(--radius-md)}.nav-actions{gap:.35rem}.mobile-only{display:flex}.desktop-only{display:none!important}.grid-2,.grid-3{grid-template-columns:1fr}.pool-grid{grid-template-columns:1fr!important}.flex{flex-wrap:wrap}.glass-card>div[style*="display: flex"]{flex-direction:column!important;align-items:flex-start!important;gap:.8rem!important}.feature-card{flex-direction:column;align-items:flex-start;padding:1.25rem}p,span,h1,h2,h3,h4,a,div,.font-mono{word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;white-space:normal!important}.container{padding:0 1rem;overflow-x:hidden}.swap-wrapper{max-width:100%}.swap-box{padding:1.1rem;border-radius:var(--radius-lg);width:100%}.swap-amount-input{font-size:1.6rem}.swap-input-panel{padding:.85rem 1rem}.modal-box{padding:1.25rem;border-radius:var(--radius-lg);margin:0 1rem}.hero-logo-size{width:40px!important;height:40px!important}.hero-title-size{font-size:clamp(2rem,8vw,3rem)!important;line-height:1.1}.hero-name-size{font-size:clamp(2.2rem,10vw,3.5rem)!important}.page-header{padding:1.5rem 0 1.25rem;margin-bottom:1.25rem}.page-title{font-size:clamp(1.75rem,6vw,2.25rem)}.page-subtitle{font-size:.85rem}.status-badge{font-size:.65rem}.btn-mobile-full{width:100%;justify-content:center}.btn{width:100%;justify-content:center;margin-bottom:.25rem}.footer-wrap{flex-direction:column;gap:.5rem;align-items:center;text-align:center}.btn-connect-mobile-fix{padding:.45rem .65rem!important}}@media (max-width: 420px){html{font-size:13px}nav.main-nav{padding:0 .75rem;height:54px}.logo-wordmark{font-size:1.2rem}.swap-amount-input{font-size:1.4rem}.token-badge{padding:.4rem .65rem;font-size:.8rem}.percent-chip{font-size:.75rem}.swap-box,.modal-box{padding:1rem}.glass-card{padding:.85rem!important}}