:root{--color-bg-base:#080c14;--color-bg-surface:#0e1526;--color-bg-elevated:#162038;--color-bg-overlay:#0e1526d9;--color-border-subtle:#94a3b814;--color-border-default:#94a3b829;--color-border-strong:#94a3b847;--color-border-glow:#6366f166;--color-text-main:#f8fafc;--color-text-muted:#94a3b8;--color-text-faint:#64748b;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-light:#818cf8;--color-primary-glow:#6366f159;--color-cyan:#38bdf8;--color-cyan-glow:#38bdf859;--color-success:#10b981;--color-success-hover:#059669;--color-success-glow:#10b98159;--color-amber:#f59e0b;--color-amber-glow:#f59e0b59;--color-rose:#f43f5e;--color-rose-glow:#f43f5e59;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px -2px #0006, 0 2px 6px -1px #0003;--shadow-lg:0 12px 32px -4px #00000080, 0 4px 12px -2px #0000004d;--shadow-glow:0 0 24px var(--color-primary-glow);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.35s cubic-bezier(.34, 1.56, .64, 1);--container-max-w:1240px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--color-bg-base);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;line-height:1.5}body.site-body{background-color:var(--color-bg-base);background-image:radial-gradient(ellipse 80% 50% at 50% -20%, #6366f126, transparent), radial-gradient(ellipse 60% 40% at 90% 20%, #38bdf814, transparent), linear-gradient(to bottom, transparent, var(--color-bg-base) 90%), radial-gradient(circle at 1px 1px, #ffffff08 1px, transparent 0);background-size:100% 100%,100% 100%,100% 100%,24px 24px;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.site-wrapper{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:50;height:var(--header-height);background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border-default);position:sticky;top:0}.site-header .header-container{max-width:var(--container-max-w);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 1.5rem;display:flex}.site-header .brand{color:var(--color-text-main);transition:transform var(--transition-fast);align-items:center;gap:.75rem;text-decoration:none;display:flex}.site-header .brand:hover{transform:translateY(-1px)}.site-header .brand .brand-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-cyan));color:#fff;width:38px;height:38px;box-shadow:0 0 16px var(--color-primary-glow);border-radius:10px;justify-content:center;align-items:center;display:flex}.site-header .brand .brand-meta{align-items:center;gap:.5rem;display:flex}.site-header .brand .brand-title{letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:700}.site-header .brand .brand-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary-light);background:#6366f12e;border:1px solid #6366f159;border-radius:9999px;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.site-header .site-nav{align-items:center;gap:1.25rem;display:flex}.site-header .site-nav .nav-item{color:var(--color-text-muted);transition:all var(--transition-fast);border-radius:6px;padding:.35rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none}.site-header .site-nav .nav-item:hover{color:var(--color-text-main);background:#ffffff0d}.site-header .site-nav .nav-item.nav-active{color:var(--color-primary-light);background:#6366f11a;border:1px solid #6366f133}.site-header .site-nav .nav-divider{background:var(--color-border-default);width:1px;height:20px}.site-header .site-nav .nav-status{color:var(--color-text-faint);font-size:.8rem;font-family:var(--font-mono);align-items:center;gap:.45rem;display:flex}.site-header .site-nav .nav-status .status-dot{background:var(--color-success);width:7px;height:7px;box-shadow:0 0 8px var(--color-success);border-radius:50%;animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.site-main{max-width:var(--container-max-w);flex:1;width:100%;margin:0 auto;padding:2rem 1.5rem 4rem}.site-footer{border-top:1px solid var(--color-border-default);background:var(--color-bg-base);color:var(--color-text-faint);padding:2rem 1.5rem;font-size:.85rem}.site-footer .footer-container{max-width:var(--container-max-w);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.site-footer .footer-left{flex-direction:column;gap:.25rem;display:flex}.site-footer .footer-left .footer-brand{color:var(--color-text-muted);font-weight:600}.site-footer .footer-left .footer-desc{color:var(--color-text-faint);max-width:500px;font-size:.8rem}.site-footer .footer-right{font-family:var(--font-mono);color:var(--color-text-faint);font-size:.75rem}.badge{letter-spacing:.02em;text-transform:uppercase;font-size:.75rem;font-weight:600;font-family:var(--font-mono);border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;display:inline-flex}.badge.badge-primary{color:var(--color-primary-light);background:#6366f126;border:1px solid #6366f159}.badge.badge-success{color:var(--color-success);background:#10b98126;border:1px solid #10b98159}.badge.badge-info{color:var(--color-cyan);background:#38bdf826;border:1px solid #38bdf859}.badge.badge-warning{color:var(--color-amber);background:#f59e0b26;border:1px solid #f59e0b59}.badge.badge-rose{color:var(--color-rose);background:#f43f5e26;border:1px solid #f43f5e59}.badge.badge-neutral{border:1px solid var(--color-border-default);color:var(--color-text-muted);background:#94a3b81a}.btn{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);user-select:none;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-color:#ffffff26;box-shadow:0 4px 14px #6366f161,inset 0 1px #fff3}.btn.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6e71f7 0%,#5850ec 100%);transform:translateY(-1px);box-shadow:0 6px 20px #6366f180,inset 0 1px #ffffff4d}.btn.btn-primary:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 8px #6366f14d}.btn.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-main);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.btn.btn-secondary:hover:not(:disabled){border-color:var(--color-text-faint);background:#1e293be6;transform:translateY(-1px)}.btn.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn.btn-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#fff3;box-shadow:0 4px 14px #10b98161,inset 0 1px #ffffff40}.btn.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#19c38b 0%,#08a374 100%);transform:translateY(-1px);box-shadow:0 6px 20px #10b98180}.btn.btn-success:active:not(:disabled){transform:translateY(1px)}.btn.btn-amber{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#fff3;box-shadow:0 4px 14px #f59e0b59}.btn.btn-amber:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24 0%,#ea580c 100%);transform:translateY(-1px)}.btn.btn-outline{color:var(--color-text-muted);border-color:var(--color-border-default);background:0 0}.btn.btn-outline:hover:not(:disabled){color:var(--color-text-main);border-color:var(--color-border-strong);background:#ffffff0a}.btn.btn-sm{border-radius:6px;padding:.35rem .75rem;font-size:.8rem}.btn.btn-lg{border-radius:10px;padding:.75rem 1.6rem;font-size:1rem}input[type=range].range-slider{-webkit-appearance:none;appearance:none;background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:9999px;outline:none;width:100%;height:6px}input[type=range].range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary-light);cursor:pointer;width:18px;height:18px;box-shadow:0 0 10px var(--color-primary-glow);transition:transform var(--transition-fast), background var(--transition-fast);border:2px solid #fff;border-radius:50%}input[type=range].range-slider::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.15)}input[type=range].range-slider::-moz-range-thumb{background:var(--color-primary-light);cursor:pointer;width:18px;height:18px;box-shadow:0 0 10px var(--color-primary-glow);transition:transform var(--transition-fast);border:2px solid #fff;border-radius:50%}input[type=range].range-slider::-moz-range-thumb:hover{transform:scale(1.15)}@media (width<=640px){.site-header .header-container{padding:0 1rem}.site-header .brand .brand-title{font-size:.95rem}.site-header .brand .brand-badge{display:none}.site-header .site-nav{gap:.3rem}.site-header .site-nav .nav-item{padding:.3rem .45rem;font-size:.78rem}.site-header .site-nav .nav-item:first-child,.site-header .site-nav .nav-status,.site-header .site-nav .nav-divider{display:none}.site-main{padding:1.25rem 1rem 3rem}}.hero-section{text-align:center;max-width:800px;margin:0 auto;padding:3rem 1rem 2.5rem}.hero-section .hero-pill{color:var(--color-primary-light);background:#6366f11f;border:1px solid #6366f14d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero-section .hero-pill .status-dot{background:var(--color-success);width:7px;height:7px;box-shadow:0 0 8px var(--color-success);border-radius:50%;animation:2s ease-in-out infinite pulseDot}.hero-section .hero-title{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 50%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:800;line-height:1.15}.hero-section .hero-title .accent-gradient{background:linear-gradient(135deg, var(--color-primary-light), var(--color-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-section .hero-subtitle{color:var(--color-text-muted);max-width:640px;margin:0 auto 2rem;font-size:1.1rem;line-height:1.6}.catalog-section{margin-top:1.5rem}.catalog-section .section-header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.catalog-section .section-header .section-title{color:var(--color-text-main);align-items:center;gap:.6rem;font-size:1.4rem;font-weight:700;display:flex}.catalog-section .section-header .section-count{color:var(--color-text-faint);font-size:.85rem;font-family:var(--font-mono)}.catalog-section .algo-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.catalog-section .algo-card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);color:inherit;transition:all var(--transition-normal);border-radius:14px;flex-direction:column;justify-content:space-between;padding:1.5rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.catalog-section .algo-card:before{content:"";background:radial-gradient(400px circle at var(--mouse-x,50%) var(--mouse-y,0%), #6366f11f, transparent 70%);opacity:0;transition:opacity var(--transition-normal);pointer-events:none;position:absolute;inset:0}.catalog-section .algo-card:hover{border-color:var(--color-border-glow);box-shadow:var(--shadow-lg), 0 0 20px #6366f126;transform:translateY(-3px)}.catalog-section .algo-card:hover:before{opacity:1}.catalog-section .algo-card:hover .card-arrow{color:var(--color-cyan);transform:translate(4px)}.catalog-section .algo-card.featured{background:linear-gradient(180deg, #1e293b99 0%, var(--color-bg-surface) 100%);border-color:#6366f159}.catalog-section .algo-card.coming-soon{opacity:.7;cursor:default}.catalog-section .algo-card.coming-soon:hover{border-color:var(--color-border-default);box-shadow:none;transform:none}.catalog-section .algo-card .card-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.catalog-section .algo-card .card-title{color:#fff;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.catalog-section .algo-card .card-desc{color:var(--color-text-muted);margin-bottom:1.25rem;font-size:.9rem;line-height:1.5}.catalog-section .algo-card .card-meta{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.catalog-section .algo-card .card-footer{border-top:1px solid var(--color-border-subtle);color:var(--color-primary-light);justify-content:space-between;align-items:center;padding-top:1rem;font-size:.85rem;font-weight:600;display:flex}.catalog-section .algo-card .card-footer .card-arrow{transition:transform var(--transition-fast)}.features-banner{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:4rem;display:grid}.features-banner .feature-item{border:1px solid var(--color-border-subtle);background:#0e152680;border-radius:12px;gap:1rem;padding:1.25rem;display:flex}.features-banner .feature-item .feature-icon{width:40px;height:40px;color:var(--color-primary-light);background:#6366f126;border:1px solid #6366f140;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.features-banner .feature-item .feature-text h4{color:var(--color-text-main);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.features-banner .feature-item .feature-text p{color:var(--color-text-muted);font-size:.825rem;line-height:1.4}