*{box-sizing:border-box}body{margin:0;background:#080d1b;color:#edf2ff;font:16px/1.6 system-ui,Arial}a{color:inherit;text-decoration:none}.top{padding:18px 5%;display:flex;justify-content:space-between;background:#101a30;border-bottom:1px solid #2b3b60;position:sticky;top:0}.logo{font-weight:900;font-size:22px}.wrap{width:min(1180px,92%);margin:40px auto}.hero{text-align:center;padding:65px 0}.hero h1{font-size:clamp(40px,7vw,76px);line-height:1.05}.gradient{color:#8eb7ff}.muted,small{color:#a8b7d5}.search{display:flex;gap:8px;max-width:650px;margin:25px auto}.search input{flex:1}input,textarea{background:#0a1224;color:white;border:1px solid #304268;border-radius:10px;padding:12px;width:100%;margin:6px 0}.btn,button{background:linear-gradient(110deg,#448df2,#9272f5);color:white;border:0;border-radius:10px;padding:12px 18px;cursor:pointer}.cards,.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.tool-card,.cat-card,.panel{display:block;padding:17px;background:#121e36;border:1px solid #2a3c61;border-radius:15px}.tool-card:hover{border-color:#80b4ff;transform:translateY(-2px)}.tool-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.result{white-space:pre-wrap;overflow-wrap:anywhere;background:#080f20;padding:16px;border-radius:10px;min-height:70px}.field{display:block;margin:14px 0;color:#b9c8e3}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}footer{padding:30px 5%;border-top:1px solid #2a3c61;color:#a8b7d5}@media(max-width:700px){.tool-layout{grid-template-columns:1fr}.hero{padding:40px 0}}