:root{color:#eef2ff;background:#0a0d14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{color:#eef2ff;background:radial-gradient(circle at 0 0,#14b8a629,#0000 34rem),radial-gradient(circle at 100% 0,#f472b61f,#0000 30rem),linear-gradient(#0a0d14 0%,#111827 46%,#0b1018 100%);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1160px,100% - 32px);margin:0 auto}.header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0d14d1;border-bottom:1px solid #e2e8f01a;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:18px;min-height:68px;display:flex}.brand{color:#fff;letter-spacing:0;font-size:14px;font-weight:800}.nav{color:#cbd5e1;align-items:center;gap:6px;font-size:13px;display:flex}.nav a{border-radius:8px;padding:8px 10px}.nav a:hover{color:#fff;background:#94a3b81f}.header-actions{gap:8px;display:flex}.hero{padding:68px 0 36px}.hero h1{color:#fff;text-align:center;letter-spacing:0;max-width:760px;margin:0 auto 12px;font-size:48px;line-height:1.05}.hero p{color:#bac6d9;text-align:center;max-width:640px;margin:0 auto 22px;font-size:16px}.hero-stats{justify-content:center;gap:10px;margin:0 auto 22px;display:flex}.hero-stats div,.tool-meta-panel div{background:#0f172ab8;border:1px solid #e2e8f01a;border-radius:8px;min-width:104px;padding:10px 14px}.hero-stats div{text-align:center}.hero-stats strong,.hero-stats span,.tool-meta-panel strong,.tool-meta-panel span{display:block}.hero-stats strong,.tool-meta-panel strong{color:#fff;font-size:18px}.hero-stats span,.tool-meta-panel span{color:#94a3b8;font-size:12px}.search-box{background:#020617b8;border:1px solid #e2e8f024;border-radius:8px;grid-template-columns:1fr auto;max-width:680px;margin:0 auto 14px;padding:6px;display:grid}.search-box input{color:#fff;background:0 0;border:0;outline:0;min-width:0;padding:12px 14px}.search-box input::placeholder{color:#748094}.search-box button,.btn-primary{color:#031614;cursor:pointer;background:#14b8a6;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}.search-box button:hover,.btn-primary:hover{background:#2dd4bf}.chips,.tag-row{flex-wrap:wrap;gap:8px;display:flex}.chips{justify-content:center}.chip,.badge{color:#dbeafe;background:#94a3b81a;border:1px solid #e2e8f01f;border-radius:8px;align-items:center;min-height:28px;padding:5px 9px;font-size:12px;display:inline-flex}.chip:hover,a.badge:hover{color:#fff;border-color:#14b8a6b3}.section{padding:28px 0}.section-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.section-title{color:#fff;margin:0;font-size:20px;line-height:1.2}.section-subtitle{color:#94a3b8;margin:6px 0 0;font-size:13px}.grid,.tool-grid{gap:14px;display:grid}.card,.tool-card,.content-panel,.side-panel,.empty-state,.hero-panel,.sidebar-panel{background:#0f172abd;border:1px solid #e2e8f01c;border-radius:8px;box-shadow:0 18px 50px #0000002e}.card,.tool-card{min-height:154px;padding:16px}.category-card{flex-direction:column;justify-content:space-between;gap:18px;display:flex}.card:hover,.tool-card:hover{background:#141a2ae6;border-color:#14b8a67a}.card-title,.tool-card-title{color:#fff;margin-bottom:8px;font-size:15px;font-weight:800;display:inline-block}a.card-title:hover,a.tool-card-title:hover,a.tool-name:hover{color:#5eead4}.card-sub,.tool-card p,.tool-meta{color:#aebbd0;font-size:13px}.card-sub,.tool-card p{margin:0 0 12px}.tool-row{border-bottom:1px solid #e2e8f01a;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:14px 0;display:grid}.tool-row:last-child{border-bottom:0}.tool-main{flex-direction:column;gap:4px;min-width:0;display:flex}.tool-name{color:#fff;font-size:14px;font-weight:800}.btn-outline{color:#e2e8f0;cursor:pointer;background:#0f172a80;border:1px solid #e2e8f02e;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.btn-outline:hover{color:#fff;border-color:#f472b685}.footer{color:#94a3b8;border-top:1px solid #e2e8f01a;margin-top:40px;padding:28px 0 34px;font-size:12px}.footer-links{flex-wrap:wrap;gap:14px;margin-bottom:8px;display:flex}.footer a:hover{color:#fff}.category-page,.tool-page{padding-top:32px}.back-link{color:#5eead4;margin-bottom:24px;font-size:13px;font-weight:700;display:inline-flex}.category-hero,.tool-hero{border-bottom:1px solid #e2e8f01a;padding:22px 0 28px}.category-index-hero{padding-top:42px}.category-hero-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:flex-end;gap:24px;display:grid}.category-hero h1,.tool-hero h1{color:#fff;letter-spacing:0;margin:12px 0 8px;font-size:40px;line-height:1.08}.category-hero p,.tool-hero p{color:#bac6d9;max-width:720px;margin:0}.category-stats{justify-content:flex-start;margin:24px 0 0}.hero-panel,.sidebar-panel,.content-panel,.side-panel,.empty-state{padding:18px}.panel-label{color:#94a3b8;text-transform:uppercase;font-size:12px;font-weight:800}.panel-metric{color:#fff;margin:8px 0;font-size:42px;font-weight:900;line-height:1}.category-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:18px;display:grid}.category-sidebar{padding-top:28px;position:sticky;top:88px}.sidebar-list{gap:4px;max-height:calc(100vh - 160px);margin-top:12px;display:grid;overflow:auto}.sidebar-link{color:#cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;font-size:13px;display:flex}.sidebar-link:hover,.sidebar-link.active{color:#fff;background:#14b8a61f}.first-section{padding-top:28px}.filter-bar{flex-wrap:wrap;gap:8px;display:flex}.filter-bar button{color:#dbeafe;cursor:pointer;background:#02061752;border:1px solid #e2e8f01f;border-radius:8px;min-height:32px;padding:0 10px;font-size:12px;font-weight:700}.filter-bar button:hover{color:#fff;border-color:#14b8a69e}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{flex-direction:column;justify-content:space-between;gap:18px;display:flex}.tool-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.tool-logo{color:#fff;background:linear-gradient(135deg,#14b8a6,#f472b6);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:900;display:inline-flex}.tool-logo-large{width:72px;height:72px;font-size:32px}.tool-hero{grid-template-columns:auto 1fr;align-items:center;gap:22px;display:grid}.tool-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.tool-layout{grid-template-columns:minmax(0,1fr) 340px;gap:16px;padding:28px 0;display:grid}.content-panel h2,.side-panel h2{color:#fff;margin:0 0 10px;font-size:16px}.content-panel p{color:#bac6d9;margin:0 0 22px}.panel-section+.panel-section{margin-top:24px}.feature-list{gap:8px;display:grid}.feature-item{color:#dbeafe;background:#02061757;border:1px solid #e2e8f01a;border-radius:8px;padding:10px 12px;font-size:13px}.tool-meta-panel{grid-template-columns:1fr;gap:8px;margin-bottom:24px;display:grid}.screenshot-placeholder{background:#02061752;border:1px solid #e2e8f01a;border-radius:8px;gap:10px;padding:14px;display:grid}.screenshot-placeholder div{background:linear-gradient(90deg,#14b8a629,#f472b61f);border-radius:8px;height:48px}.category-empty{grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:20px;display:grid}.placeholder-grid{gap:8px;display:grid}.placeholder-grid div{background:linear-gradient(90deg,#94a3b814,#14b8a61f,#94a3b814);border:1px solid #e2e8f01a;border-radius:8px;height:42px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.related-card{background:#0f172a94;border:1px solid #e2e8f01c;border-radius:8px;justify-content:space-between;gap:12px;padding:12px;display:flex}.related-card:hover{border-color:#f472b675}.related-card span{color:#fff;font-size:13px;font-weight:800}.related-card small,.mini-link{color:#94a3b8;font-size:12px}.mini-link:hover{color:#5eead4}@media (min-width:768px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.tool-grid,.tool-layout,.category-layout,.category-hero-grid,.category-empty{grid-template-columns:1fr}.category-sidebar{padding-top:18px;position:static}.sidebar-list{max-height:none}.nav{display:none}}@media (max-width:767px){.container{width:min(100% - 24px,1160px)}.header-inner{min-height:auto;padding:12px 0}.header-actions{display:none}.hero{padding:46px 0 24px}.hero h1{font-size:36px}.hero-stats,.search-box,.tool-hero,.tool-row{grid-template-columns:1fr}.hero-stats{display:grid}.grid-3,.grid-2,.category-tool-grid,.related-grid{grid-template-columns:1fr}}