:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#101a34;background:#fff}*{box-sizing:border-box}body{margin:0}header{height:77px;display:flex;align-items:center;gap:36px;padding:12px max(4%,calc((100vw - 1450px)/2));border-bottom:1px solid #e6eaf3;position:sticky;top:0;background:#fff;z-index:5}a{text-decoration:none;color:inherit}.logo{font-size:27px;font-weight:800;color:#0a3a93;min-width:300px}.logo small{display:block;font-size:12px;font-weight:400;color:#354465;margin-left:39px}nav{display:flex;gap:30px;flex:1}nav a:hover{color:#1261d7}input,textarea,select{font:inherit;border:1px solid #cbd5e5;border-radius:10px;padding:13px;background:white;max-width:100%}header input{width:260px}.hero{background:linear-gradient(110deg,#082a78,#0759c8);color:white;padding:43px max(7%,calc((100vw - 1320px)/2));display:flex;min-height:315px;justify-content:space-between;gap:30px}.hero h1{font-size:clamp(32px,4vw,59px);margin:0 0 8px;letter-spacing:-1px}.hero em{color:#ffe34e;font-style:normal}.hero p{font-size:20px;margin:0 0 24px}.hero input{width:min(730px,100%);border-radius:32px;padding:19px 26px}.benefits{display:flex;gap:35px;margin-top:23px;font-weight:700}.heroart{font-size:120px;align-self:center;text-align:center}.heroart span{display:block;font-size:35px}main{max-width:1450px;margin:auto;padding:30px 4%}.sectionhead{display:flex;justify-content:space-between;align-items:center}.sectionhead a{color:#0655c6}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.category,.toolcard{border:1px solid #d3ddec;border-radius:13px;padding:17px;cursor:pointer;background:#fff;text-align:left}.category:hover,.toolcard:hover{box-shadow:0 5px 20px #123e7d1c;border-color:#3377d7}.category{display:flex;gap:15px;min-height:126px}.catIcon{background:#e4efff;color:#1457bd;font-size:28px;border-radius:12px;width:60px;height:60px;display:grid;place-items:center;flex-shrink:0}.category b{display:block}.category small{color:#1261d7}.category p{font-size:13px;line-height:1.45;margin:5px 0}#all{padding-top:30px}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.toolcard{min-height:75px;font-weight:600}.toolcard small{display:block;color:#6a7893;font-weight:400;margin-top:6px}.toolview{max-width:900px;margin:30px auto;padding:28px;border:1px solid #d8e1f0;border-radius:16px}.toolview input:not([type=file]),.toolview textarea,.toolview select{width:100%;margin:7px 0}.toolview textarea{min-height:130px}.toolview button,button{background:#075ac8;border:0;border-radius:10px;color:white;padding:13px 20px;cursor:pointer;font-weight:700}.toolview button.subtle{background:#edf3fd;color:#1254b5}.toolview label{display:block;margin:10px 0 4px}.toolview #toolResult{margin-top:20px;white-space:pre-wrap;overflow-wrap:anywhere}.result{background:#f0f5ff;padding:18px;border-radius:12px;font-family:ui-monospace,monospace;font-size:13px;max-height:550px;overflow:auto}.help{margin:35px 0;padding:24px 35px;background:#eaf1fd;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:15px}.help h2{margin:0}.help p{margin-bottom:0}#contact{max-width:700px;margin:30px auto}#contact input:not([type=checkbox]),#contact textarea{width:100%;margin:8px 0}#contact textarea{min-height:120px}footer{text-align:center;padding:25px;background:#f5f7fc;color:#56647e}@media(max-width:1000px){.categories,.tools{grid-template-columns:repeat(2,1fr)}nav{gap:12px}.heroart{display:none}}@media(max-width:650px){header{height:auto;flex-wrap:wrap;gap:8px;padding:12px}.logo{min-width:0;font-size:21px}nav{order:3;width:100%;overflow:auto;white-space:nowrap;font-size:13px}header input{margin-left:auto;width:40%}.hero{padding:30px 20px}.hero p{font-size:16px}.benefits{flex-wrap:wrap;gap:12px;font-size:12px}.categories,.tools{grid-template-columns:1fr}.help{display:block}.help button{margin-top:15px}main{padding:20px}}