*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #080810;--bg-subtle: #0d0d1a;--surface: #111120;--border: rgba(255,255,255,.07);--border-mid: rgba(255,255,255,.12);--primary: #0070F3;--primary-dim: rgba(0,112,243,.15);--text: #F0F0F5;--text-muted: #8888A0;--text-faint: #55556A;--accent: #E8E8F0;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--t: .25s ease}html{font-size:16px;-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1.0625rem;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--accent)}a{color:var(--primary);text-decoration:none;transition:opacity var(--t)}a:hover{opacity:.75}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}header{position:sticky;top:0;z-index:100;background:#080810d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}nav{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--accent);letter-spacing:-.02em}.logo:hover{opacity:.85}.logo-dot{color:var(--primary)}.back-link{font-size:.875rem;font-weight:500;color:var(--text-muted);transition:color var(--t)}.back-link:hover{color:var(--text);opacity:1}main{max-width:1200px;margin:0 auto;padding:4rem 1.5rem 6rem}.toolbox-hero{text-align:center;margin-bottom:3.5rem;padding-bottom:3.5rem;border-bottom:1px solid var(--border)}.toolbox-hero h1{font-size:clamp(2rem,4.5vw,3rem);letter-spacing:-.025em;margin-bottom:1rem;color:var(--accent)}.toolbox-hero .subtitle{font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.toolbox-hero .description{max-width:720px;margin:0 auto;color:var(--text-muted);font-size:1.05rem;line-height:1.75}.toolbox-hero .description strong{color:var(--accent);font-weight:600}.search-section{margin-bottom:3.5rem}.search-container{max-width:560px;margin:0 auto;position:relative}.search-input{width:100%;padding:.875rem 1.5rem .875rem 3rem;font-size:.9375rem;font-family:var(--font-body);background:var(--surface);border:1px solid var(--border-mid);border-radius:var(--radius-lg);color:var(--text);transition:border-color var(--t),box-shadow var(--t)}.search-input::-moz-placeholder{color:var(--text-faint)}.search-input::placeholder{color:var(--text-faint)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0070f326}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-faint);font-size:1rem;pointer-events:none}.results-count{text-align:center;margin-top:.875rem;font-size:.8rem;font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-faint)}.category-section{margin-bottom:4rem}.category-section h2{font-size:clamp(1.1rem,2vw,1.35rem);display:flex;align-items:center;gap:.75rem;margin-bottom:1.75rem;padding-bottom:.875rem;border-bottom:1px solid var(--border);color:var(--accent)}.category-icon{font-size:1.15rem}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;gap:1rem;transition:border-color var(--t),transform var(--t),box-shadow var(--t);--spot-x: 50%;--spot-y: 50%;position:relative;overflow:hidden}.tool-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(0,112,243,.11),transparent 62%);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:0}.tool-card:hover{border-color:#0070f347;transform:translateY(-3px);box-shadow:0 12px 40px #00000059,0 0 0 1px #0070f31a}.tool-card:hover:after{opacity:1}.tool-card>*{position:relative;z-index:1}.tool-card.hidden{display:none}.tool-header{display:flex;align-items:flex-start;gap:1rem}.tool-icon{width:44px;height:44px;background:var(--primary-dim);border:1px solid rgba(0,112,243,.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.tool-title-wrapper{flex:1;min-width:0}.tool-card h3{font-size:1.05rem;color:var(--accent);margin-bottom:.2rem;line-height:1.3}.tool-category{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.tool-description{font-size:.9375rem;color:var(--text-muted);line-height:1.65;flex-grow:1}.tool-usecase{background:linear-gradient(135deg,#0070f314,#0070f30a);border-left:2px solid var(--primary);padding:.75rem 1rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.875rem;color:var(--text-muted)}.tool-usecase strong{color:var(--primary);font-weight:600}.tool-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{background:var(--primary-dim);border:1px solid rgba(0,112,243,.18);color:var(--primary);padding:.2rem .65rem;border-radius:999px;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.04em}.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.25rem;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--text-muted);background:transparent;border:1px solid var(--border-mid);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all var(--t);margin-top:auto}.tool-btn:hover{color:var(--text);border-color:#ffffff38;transform:translateY(-1px);opacity:1}.no-results{text-align:center;padding:4rem 2rem;color:var(--text-muted);display:none}.no-results.show{display:block}.no-results-icon{font-size:3rem;margin-bottom:1rem;opacity:.4;display:block}.no-results h3{color:var(--accent);margin-bottom:.5rem}.about-author{display:flex;align-items:center;gap:2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;margin-top:5rem}.author-avatar{width:96px;height:96px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(0,112,243,.3);flex-shrink:0}.author-info h2{font-size:1.25rem;margin-bottom:.3rem}.author-title{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:.875rem}.author-bio{font-size:.9375rem;color:var(--text-muted);line-height:1.7}.author-bio strong{color:var(--accent);font-weight:600}.author-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:1.25rem}.author-links a,.author-link{font-size:.8rem;font-weight:600;color:var(--text-faint);transition:color var(--t)}.author-links a:hover,.author-link:hover{color:var(--primary);opacity:1}footer{border-top:1px solid var(--border);padding:2rem 1.5rem;text-align:center}footer p{font-size:.875rem;color:var(--text-faint);line-height:1.7}footer a{color:var(--text-muted)}footer a:hover{color:var(--text);opacity:1}@media(max-width:1024px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){main{padding:3rem 1.25rem 5rem}.tools-grid{grid-template-columns:1fr}.about-author{flex-direction:column;text-align:center;padding:2rem}.author-links{justify-content:center}}