:root{
--bg:#070a12;--surface:#0e1320;--surface2:#121929;--text:#f5f7ff;--muted:#8d99ae;--line:#202a3d;
--blue:#4f7cff;--cyan:#63d7ff;--green:#37d18b;--shadow:0 25px 80px rgba(0,0,0,.32);
}
body.light{--bg:#f4f7fc;--surface:#fff;--surface2:#f8faff;--text:#111a2d;--muted:#68758b;--line:#e2e7f0;--shadow:0 22px 70px rgba(29,43,75,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow-x:hidden;transition:background .3s,color .3s}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% -10%,rgba(79,124,255,.13),transparent 40%),linear-gradient(transparent 96%,rgba(79,124,255,.02));pointer-events:none}
.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.14;pointer-events:none}.ambient-a{width:420px;height:420px;background:#3f68ff;left:-250px;top:260px}.ambient-b{width:380px;height:380px;background:#13b8d9;right:-250px;top:650px}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1220px)/2));border-bottom:1px solid var(--line);background:rgba(7,10,18,.74);backdrop-filter:blur(22px);position:sticky;top:0;z-index:50}.light .nav{background:rgba(255,255,255,.78)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-family:"Space Grotesk";font-size:21px;font-weight:700;letter-spacing:-1px}.logo-box{width:37px;height:37px;border:1px solid #31405d;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#16213b,#0b1020);box-shadow:inset 0 1px rgba(255,255,255,.08)}.logo-box b{font-size:11px;letter-spacing:-1px;color:#fff}.logo-word span,.blue{color:var(--blue)}
.nav-center{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center;text-transform:uppercase;letter-spacing:1px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(55,209,139,.09),0 0 18px rgba(55,209,139,.7)}.nav-right{display:flex;gap:13px;align-items:center}.clock{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.round-btn{width:37px;height:37px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer}

main{width:min(1220px,calc(100% - 48px));margin:auto}.hero{min-height:420px;display:flex;align-items:center;justify-content:space-between;padding:70px 0 45px;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#6d8eff;display:flex;align-items:center;gap:9px}.eyebrow-line{height:1px;width:26px;background:#6d8eff}.hero h1{font-family:"Space Grotesk";font-size:clamp(52px,7vw,88px);line-height:.91;letter-spacing:-5px;margin:20px 0 24px}.hero h1 span{background:linear-gradient(100deg,#5d84ff,#71d9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:16px;color:var(--muted);max-width:570px;line-height:1.7;margin:0}
.hero-orbit{width:330px;height:330px;position:relative;margin-right:60px}.orbit-ring{position:absolute;inset:30px;border:1px solid #273451;border-radius:50%}.ring-2{inset:75px;border-color:#243a69;border-style:dashed;animation:spin 18s linear infinite}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:116px;height:116px;border-radius:32px;background:linear-gradient(145deg,#17233f,#0b1020);border:1px solid #34476f;box-shadow:0 0 70px rgba(79,124,255,.22),inset 0 1px rgba(255,255,255,.1);display:grid;place-content:center;text-align:center}.orbit-core span{font-family:"Space Grotesk";font-size:29px;font-weight:700;letter-spacing:-2px}.orbit-core small{font-size:8px;letter-spacing:3px;color:#7384a8;margin-top:2px}.orbit-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#5d84ff;box-shadow:0 0 20px #5d84ff}.d1{top:47px;left:52px}.d2{right:40px;top:100px;background:#61d8ff;box-shadow:0 0 20px #61d8ff}.d3{bottom:46px;left:95px;background:#37d18b;box-shadow:0 0 20px #37d18b}@keyframes spin{to{transform:rotate(360deg)}}

.command{margin-top:-5px}.search{height:66px;border:1px solid #293650;background:rgba(14,19,32,.88);border-radius:15px;display:flex;align-items:center;padding:0 14px 0 21px;box-shadow:0 20px 70px rgba(0,0,0,.2);transition:.2s}.light .search{background:var(--surface);border-color:var(--line)}.search:focus-within{border-color:#4f7cff;box-shadow:0 0 0 4px rgba(79,124,255,.09),0 20px 70px rgba(0,0,0,.18)}.search-symbol{font-size:28px;color:#7c89a1;margin-right:11px}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:15px}.search kbd{font-size:9px;color:#78869e;border:1px solid var(--line);border-bottom-color:#33415d;border-radius:5px;padding:5px 7px;margin-left:5px}.command-meta{display:flex;gap:9px;justify-content:flex-end;padding:9px 4px;color:#64718a;font-size:9px;text-transform:uppercase;letter-spacing:1px}.slash{color:#33405a}

.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 32px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip,.favorites-toggle{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:9px 14px;border-radius:999px;font-size:11px;cursor:pointer;transition:.18s}.chip:hover,.favorites-toggle:hover{border-color:#405274;color:var(--text)}.chip.active{background:#eaf0ff;color:#2754e8;border-color:#cbd8ff;font-weight:700}.dark .chip.active{background:#17264c;color:#81a1ff;border-color:#2f4d91}.favorites-toggle{white-space:nowrap}.favorites-toggle span{margin-left:5px;color:var(--blue)}

.featured{margin-bottom:42px}.featured-label,.micro{font-size:9px;letter-spacing:1.8px;font-weight:800;color:#70809d}.featured-label{margin-bottom:11px}#featuredGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick{min-height:112px;background:linear-gradient(135deg,rgba(79,124,255,.13),rgba(14,19,32,.7));border:1px solid #273758;border-radius:15px;padding:17px;display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--text);position:relative;overflow:hidden;transition:.2s}.light .quick{background:linear-gradient(135deg,#f1f5ff,#fff);border-color:var(--line)}.quick:after{content:"↗";position:absolute;right:16px;top:14px;color:#6f82a8;font-size:14px}.quick:hover{transform:translateY(-3px);border-color:#4666a4;box-shadow:0 15px 40px rgba(0,0,0,.16)}.quick-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#182541;font-size:23px;border:1px solid #2a3c60}.light .quick-icon{background:#edf2ff}.quick h3{font-size:14px;margin:0 0 5px}.quick p{font-size:11px;color:var(--muted);margin:0;max-width:260px;line-height:1.45}

.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-title h2{font-family:"Space Grotesk";font-size:29px;letter-spacing:-1.5px;margin:5px 0 0}.catalog-count{font-size:11px;color:var(--muted)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-card{background:linear-gradient(145deg,var(--surface),var(--surface2));border:1px solid var(--line);border-radius:17px;padding:18px;min-height:264px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.22s}.tool-card:before{content:"";position:absolute;left:0;top:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#3f64c5,transparent);opacity:0;transition:.2s}.tool-card:hover{transform:translateY(-5px);border-color:#34486f;box-shadow:var(--shadow)}.tool-card:hover:before{opacity:1}.tool-head{display:flex;justify-content:space-between;align-items:start}.tool-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:#17233d;border:1px solid #283b61}.light .tool-icon{background:#eef3ff;border-color:#dfe7fb}.fav{border:0;background:transparent;color:#53627c;font-size:20px;cursor:pointer;padding:2px}.fav.on{color:#ffd45a;text-shadow:0 0 14px rgba(255,212,90,.25)}.tool-card h3{font-family:"Space Grotesk";font-size:19px;margin:20px 0 6px;letter-spacing:-.5px}.tool-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.tool-meta{font-size:9px;color:#667693;text-transform:uppercase;letter-spacing:1px;margin-top:12px}.open-btn{margin-top:auto;padding-top:17px;text-decoration:none}.open-btn button{height:40px;width:100%;border:1px solid #2d3d5b;border-radius:9px;background:#111a2c;color:#f7f9ff;font-size:11px;font-weight:700;cursor:pointer;transition:.18s}.light .open-btn button{background:#111a2c}.open-btn button:hover{background:#416eff;border-color:#416eff}.arrow{float:right;font-size:14px}.empty{border:1px dashed var(--line);padding:70px;text-align:center;border-radius:17px}.hidden{display:none!important}.empty-mark{font-size:32px;color:#5b6a83}.empty h3{margin:10px 0 5px}.empty p{color:var(--muted);font-size:12px}

.bottom-panel{margin:45px 0 35px;padding:18px 20px;border:1px solid #273654;border-radius:15px;background:linear-gradient(90deg,rgba(25,38,68,.72),rgba(12,17,29,.72));display:flex;align-items:center;gap:14px}.light .bottom-panel{background:linear-gradient(90deg,#eef3ff,#fff);border-color:var(--line)}.bp-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#1a2949;color:#7e9dff}.bp-copy{display:flex;flex-direction:column;gap:4px}.bp-copy strong{font-size:12px}.bp-copy span{font-size:10px;color:var(--muted)}.system{margin-left:auto;font-size:9px;letter-spacing:1.2px;color:#70809a}.system i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px;box-shadow:0 0 10px rgba(55,209,139,.8)}
footer{width:min(1220px,calc(100% - 48px));margin:auto;border-top:1px solid var(--line);padding:21px 0 32px;color:#65728a;font-size:10px;display:flex;justify-content:space-between}
@media(max-width:850px){.hero-orbit{display:none}.hero{min-height:330px}.tools-grid{grid-template-columns:repeat(2,1fr)}#featuredGrid{grid-template-columns:1fr}.hero h1{letter-spacing:-3px}}
@media(max-width:580px){.nav{padding:0 16px}.nav-center{display:none}.clock{display:none}main,footer{width:calc(100% - 32px)}.hero{padding:55px 0 32px}.hero h1{font-size:50px;letter-spacing:-3px}.toolbar{align-items:flex-start;flex-direction:column}.favorites-toggle{width:100%}.tools-grid{grid-template-columns:1fr}.search kbd{display:none}.bottom-panel{align-items:flex-start}.system{display:none}footer{gap:12px;flex-wrap:wrap}}