:root{--ink:#17233f;--muted:#63708b;--line:#dce4f1;--paper:#f5f7fc;--accent:#5b4bdf;--dark:#30228e;--teal:#0d9a91;--mint:#e4f7f1;--gold:#f1b84b;--shadow:0 18px 48px #1f31631a}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.58 system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 8% 0,#e5ecff,transparent 27%),radial-gradient(circle at 93% 17%,#d7f5ee,transparent 23%),var(--paper)}.shell{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{height:76px;width:min(1200px,calc(100% - 40px));margin:auto;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:850;color:var(--ink);text-decoration:none;font-size:1.18rem}.brand span{color:var(--gold)}nav{display:flex;gap:22px}a{color:var(--dark)}nav a{color:var(--muted);text-decoration:none;font-weight:650}.hero{padding:82px 0 62px;background:linear-gradient(120deg,#f2efff80,transparent 58%)}h1{font-size:clamp(2.3rem,6vw,4.5rem);line-height:1.04;letter-spacing:-.055em;margin:.15em 0;max-width:780px}.page h1{font-size:clamp(2.2rem,5vw,3.45rem)}h2{letter-spacing:-.03em}.lead{font-size:1.17rem;color:var(--muted);max-width:720px}.eyebrow{color:var(--accent);font-weight:850;letter-spacing:.15em;font-size:.73rem}.tool-search,.tool-panel,.tool-card{background:linear-gradient(145deg,#fff,#fbfcff);border:1px solid var(--line);box-shadow:var(--shadow)}.tool-search{display:flex;gap:10px;align-items:center;max-width:630px;margin-top:28px;border-radius:15px;padding:6px 16px}.tool-search input{width:100%;border:0;outline:0;padding:12px 0;font:inherit;background:transparent}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.section-heading{display:flex;justify-content:space-between;align-items:center}.tool-card{border-radius:17px;padding:19px;text-decoration:none;color:var(--ink);transition:.2s}.tool-card:hover{transform:translateY(-3px);border-color:#aaa2f0}.tool-card p,.tool-card small,.section-heading span{color:var(--muted)}.tool-icon{float:right;color:var(--accent);font-weight:900}.categories{padding:68px 0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-grid a{padding:16px 0;border-top:3px solid var(--accent);text-decoration:none}.category-grid span{display:block;color:var(--muted);font-size:.88rem}.page{padding:30px 0 70px}.breadcrumb{display:flex;gap:8px;margin-bottom:36px;color:var(--muted)}.tool-intro{max-width:800px}.privacy-note{color:var(--teal);font-weight:700}.tool-panel{border-radius:21px;margin:30px 0;padding:clamp(18px,4vw,34px);border-color:#dad7fb}.field{display:grid;gap:6px;margin-bottom:15px;font-weight:700;font-size:.9rem}.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid #b9c7dd;border-radius:9px;background:#fff;color:var(--ink);font:inherit}.field input:focus,.field textarea:focus,.field select:focus{outline:3px solid #b9b3f740;border-color:var(--accent)}.field textarea{min-height:180px;resize:vertical}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.button{border:0;border-radius:9px;background:linear-gradient(135deg,var(--accent),#7768ef);color:#fff;padding:11px 17px;font:inherit;font-weight:800;cursor:pointer}.button:hover{background:var(--dark)}.button.secondary{background:#e8edf9;color:var(--dark)}.result-box{margin-top:20px;padding:18px;border-radius:12px;background:linear-gradient(135deg,#e7f8f3,#edf0ff);border:1px solid #c7e7df}.result-box h2{font-size:1.05rem;margin:0 0 7px}.result-value{font-size:1.6rem;font-weight:850;word-break:break-word}.error{background:#fff1f0;border-color:#ffcfc8;color:#8b3027}.content{max-width:780px;margin:42px 0}.content li{margin:8px 0}.content details{border-top:1px solid var(--line);padding:14px 0}.content summary{font-weight:800;cursor:pointer}.related{margin-top:42px}footer{border-top:1px solid var(--line);background:#edf1f9;padding:26px max(20px,calc((100% - 1120px)/2));color:var(--muted);display:flex;justify-content:space-between}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:10px;top:10px;z-index:5;padding:8px;background:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:700px){.site-header nav{display:none}.tool-grid,.form-row{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}footer{display:block}.hero{padding:50px 0}.shell{width:min(100% - 28px,1120px)}}
