:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{color:#f5f5f5;background:#060814;margin:0}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 16px}.header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060814e6;border-bottom:1px solid #ffffff0d;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{letter-spacing:.04em;font-weight:600}.nav{gap:16px;font-size:14px;display:flex}.nav a{opacity:.8}.nav a:hover{opacity:1}.header-actions{gap:8px;display:flex}.hero{text-align:center;padding:56px 0 40px}.hero h1{margin:0 0 8px;font-size:32px}.hero p{opacity:.8;margin:0 0 24px;font-size:15px}.search-box{gap:8px;max-width:600px;margin:0 auto 16px;display:flex}.search-box input{color:#f5f5f5;background:#060814e6;border:1px solid #ffffff1f;border-radius:999px;flex:1;padding:12px 14px}.search-box button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:999px;padding:12px 20px;font-weight:500}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.chip{opacity:.9;cursor:pointer;border:1px solid #ffffff1f;border-radius:999px;padding:6px 10px;font-size:12px}.chip:hover{border-color:#3b82f6}.section{padding:24px 0}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{margin:0;font-size:18px}.grid{gap:16px;display:grid}.card{background:#0f172ae6;border:1px solid #94a3b84d;border-radius:16px;padding:16px}.card-title{margin-bottom:4px;font-size:15px}.card-sub{opacity:.8;margin-bottom:8px;font-size:12px}.badge{background:#94a3b833;border-radius:999px;margin-right:4px;padding:4px 8px;font-size:11px;display:inline-block}.tool-row{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.tool-row:last-child{border-bottom:none}.tool-main{flex-direction:column;gap:4px;display:flex}.tool-name{font-size:14px}.tool-meta{opacity:.8;font-size:12px}.btn-outline{color:#e5e7eb;cursor:pointer;background:0 0;border:1px solid #94a3b899;border-radius:999px;padding:6px 12px;font-size:12px}.footer{opacity:.7;border-top:1px solid #94a3b833;margin-top:32px;padding:24px 0 32px;font-size:12px}.footer-links{flex-wrap:wrap;gap:12px;margin-bottom:8px;display:flex}@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:767px){.grid-3,.grid-2{grid-template-columns:1fr}.header-inner{flex-wrap:wrap;justify-content:center;gap:8px;height:auto;padding:10px 0}.nav{display:none}.search-box{flex-direction:column}}