*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#0b0d17;color:#e8eaf6}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 6vw}.logo{font-weight:800;font-size:24px}.logo span{color:#7c5cff}
nav a{color:#aab;margin-left:20px;text-decoration:none}
.hero{text-align:center;padding:60px 6vw 30px;background:radial-gradient(circle at top,#2a1f6e55,transparent 60%)}
h1{font-size:clamp(32px,5vw,56px);margin:0 0 10px}.hero p{color:#aab;font-size:18px}
#q{width:min(680px,100%);padding:18px 22px;font-size:18px;border-radius:14px;border:1px solid #333a5c;background:#151a30;color:#fff;margin-top:20px;outline:none}#q:focus{border-color:#7c5cff}
#chips,#cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}
.chip{background:#1a2040;border:1px solid #2c3462;color:#cdd;padding:8px 14px;border-radius:99px;cursor:pointer;font-size:14px}.chip:hover,.chip.on{background:#7c5cff;color:#fff}
main,section{max-width:900px;margin:0 auto;padding:20px 6vw}h2{text-align:center}
.card{background:#141933;border:1px solid #262d55;border-radius:16px;padding:22px;margin:16px 0}
.card h3{margin:0 0 14px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.row{grid-template-columns:1fr}}
.tool{background:#0f1328;border-radius:12px;padding:16px}.badge{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#7c5cff;font-weight:700}.tool.b .badge{color:#8a93b8}
.tool h4{margin:6px 0;font-size:20px}.tool p{color:#b8bdd8;margin:6px 0 12px}.tool a{color:#fff;background:#7c5cff;padding:8px 14px;border-radius:8px;text-decoration:none;font-size:14px}.tool.b a{background:#2c3462}
#newsletter form{display:flex;gap:8px;justify-content:center}#newsletter input{padding:14px;border-radius:10px;border:1px solid #333a5c;background:#151a30;color:#fff;width:280px}#newsletter button{padding:14px 20px;border:0;border-radius:10px;background:#7c5cff;color:#fff;font-weight:700}
footer{text-align:center;color:#667;padding:30px}.empty{text-align:center;color:#aab}
/* SEO pages */
.page{max-width:860px;margin:0 auto;padding:30px 6vw 50px;line-height:1.6}.page a{color:#a995ff}.page h2{margin-top:36px}
.card2{background:#151935;border:1px solid #262b55;border-radius:14px;padding:18px 22px;margin:14px 0}.card2 .lbl{font-size:12px;text-transform:uppercase;color:#7c5cff;font-weight:700}
.btn{display:inline-block;background:#7c5cff;color:#fff!important;padding:8px 16px;border-radius:10px;text-decoration:none;margin-top:6px}
.links li{margin:4px 0}.crumb{font-size:14px;color:#aab}footer a{color:#aab}
