:root{--primary:#176B58;--dark:#102A43;--bg:#F4F7F6;--accent:#E8A838;--text:#1c2b33;--muted:#5b6b76;--card:#fff;--border:#dfe7e4;--radius:12px;--heading:#102A43;--surface:#f0f5f3}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--heading);line-height:1.25}.container{max-width:1100px;margin:0 auto;padding:0 16px}.site-header{background:var(--dark);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px #0000002e;border-bottom:1px solid rgba(255,255,255,.08)}.site-header .container{display:flex;align-items:center;gap:0 16px;min-height:60px;flex-wrap:wrap}.brand{color:#fff;font-weight:800;font-size:1.25rem;white-space:nowrap}.brand span{color:var(--accent)}.nav{display:flex;gap:2px;flex-wrap:wrap;width:100%;margin-left:0;padding:2px 0 8px;border-top:1px solid rgba(255,255,255,.08)}.nav a{color:#d7e3de;padding:8px 9px;border-radius:8px;font-size:.92rem;white-space:nowrap}.nav a:hover,.nav a.active{background:#ffffff1f;color:#fff;text-decoration:none}.nav-toggle{display:none;background:none;border:1px solid #456;color:#fff;border-radius:8px;padding:6px 10px;cursor:pointer;margin-left:auto}.hero{background:radial-gradient(720px 320px at 85% -10%,rgba(232,168,56,.3),transparent 60%),radial-gradient(560px 300px at 8% 110%,rgba(58,185,141,.35),transparent 60%),linear-gradient(135deg,var(--primary),var(--dark));color:#fff;padding:72px 0 56px}.hero h1{color:#fff;font-size:2.9rem;margin:0 0 14px;letter-spacing:-.02em;line-height:1.15}.hero h1 .accent{color:var(--accent)}.hero p{font-size:1.15rem;opacity:.92;max-width:640px}.hero .search{margin-top:24px;max-width:560px}.hero .search input{border:none;border-radius:999px;padding:14px 18px 14px 46px;box-shadow:0 10px 30px #00000047}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.24);color:#fff;border-radius:999px;padding:6px 14px;font-size:.88rem;font-weight:600;margin-bottom:18px}.hero .btn{box-shadow:0 6px 18px #00000047}.hero .btn.secondary{background:#ffffff1f;color:#fff;border-color:#ffffff59;box-shadow:none}.hero .btn.secondary:hover{background:#ffffff38}.hero-stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}.hero-stats b{display:block;font-size:1.35rem;color:#fff;line-height:1.2}.hero-stats span{font-size:.88rem;opacity:.82}.search{position:relative}.search svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search input{padding-left:44px}.search input,.input,textarea.input,select.input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:1rem;font-family:inherit;background:var(--card);color:var(--text)}.search input:focus,.input:focus{outline:3px solid rgba(23,107,88,.25);border-color:var(--primary)}.btn{display:inline-block;background:var(--primary);color:#fff;border:none;padding:11px 18px;border-radius:10px;font-size:1rem;cursor:pointer;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 4px 14px #176b5838}.btn:hover{background:#125745;transform:translateY(-1px);text-decoration:none}.btn.secondary{box-shadow:none}.btn.secondary{background:var(--card);color:var(--primary);border:1px solid var(--primary)}.btn.ghost{background:transparent;color:var(--heading);border:1px solid var(--border)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:7px 12px;font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #102a431a;border-color:#c4d6cf}.icon-chip{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--surface);border:1px solid var(--border);margin-bottom:12px}.card h3{margin:0 0 6px;font-size:1.05rem}.card p{margin:0;color:var(--muted);font-size:.95rem}.tool-card:hover{border-color:var(--primary)}.category-badge{display:inline-block;background:var(--surface);color:var(--primary);font-size:.8rem;font-weight:700;padding:2px 8px;border-radius:999px;margin-bottom:8px}.section{padding:56px 0}.section h2{font-size:1.8rem;margin:0 0 8px;letter-spacing:-.01em}.kicker{font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0 0 6px}.section .lede{color:var(--muted);margin:0 0 20px}.tool-layout{display:grid;grid-template-columns:1fr;gap:20px}.tool-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;min-height:320px}.tool-box label{font-weight:600;display:block;margin:12px 0 6px}.output{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px;white-space:pre-wrap;word-break:break-word;margin-top:12px}.result-list{list-style:none;padding:0;margin:12px 0}.result-list li{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:8px;display:flex;justify-content:space-between;gap:10px;align-items:start}.notice{background:#fff7e0;border:1px solid #f0d48a;border-radius:10px;padding:12px 14px;margin:12px 0;font-size:.95rem}.notice.info{background:#e8f3ef;border-color:#bcd8cc}.error{color:#a11;background:#fdecea;border:1px solid #f3b8b8;border-radius:8px;padding:10px 12px;margin:10px 0}.success{color:#14532d;background:#e6f4ea;border:1px solid #b5d8bf;border-radius:8px;padding:10px 12px;margin:10px 0}.breadcrumbs{font-size:.9rem;color:var(--muted);margin:16px 0 4px}.breadcrumbs a{color:var(--muted)}.ad-slot{border:1px dashed #b9c6c1;border-radius:10px;padding:18px;text-align:center;color:var(--muted);font-size:.9rem;margin:24px 0;background:var(--surface);min-height:90px;box-sizing:border-box}.faq details{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:10px}.faq summary{font-weight:600;cursor:pointer;color:var(--heading)}.site-footer{background:var(--dark);color:#c8d6d0;margin-top:48px;padding:36px 0}.site-footer a{color:#c8d6d0}.site-footer h3{color:#fff}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}.kv .stat{background:var(--surface);border-radius:10px;padding:12px}.kv .stat b{display:block;font-size:1.3rem;color:var(--heading)}.table{width:100%;border-collapse:collapse;margin:12px 0}.table th,.table td{border:1px solid var(--border);padding:8px 10px;text-align:left;font-size:.95rem}.table th{background:var(--surface)}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.chip{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;padding:6px 12px;cursor:pointer}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}img.preview{max-width:100%;border-radius:10px;border:1px solid var(--border)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width:760px){.hero{padding:48px 0 40px}.hero h1{font-size:1.9rem}.hero-stats{gap:18px}.nav{display:none;flex-direction:column;width:100%;padding-bottom:12px}.nav.open{display:flex}.nav-toggle{display:block}.site-header .container{flex-wrap:wrap}}[data-theme=dark]{--primary:#3ab98d;--bg:#0e1a17;--text:#e6eeeb;--muted:#9db3aa;--card:#162723;--border:#2b403a;--heading:#e8f0ed;--surface:#1a2f29;color-scheme:dark}[data-theme=dark] .notice{background:#2e2a16;border-color:#6b5a1e}[data-theme=dark] .notice.info{background:#142e26;border-color:#2b403a}[data-theme=dark] .error{color:#ffb4b4;background:#3a1d1d;border-color:#6b2f2f}[data-theme=dark] .success{color:#9ed8ae;background:#142e1d;border-color:#2c5238}[data-theme=dark] .btn:hover{background:#2a8f6d}[data-theme=dark] .btn.secondary{color:var(--primary)}[data-theme=dark] .hero{background:radial-gradient(720px 320px at 85% -10%,rgba(232,168,56,.16),transparent 60%),radial-gradient(560px 300px at 8% 110%,rgba(58,185,141,.22),transparent 60%),linear-gradient(135deg,#0f3d2f,var(--dark))}[data-theme=dark] .card:hover{border-color:#3a5a4e;box-shadow:0 10px 24px #00000059}.theme-toggle{background:none;border:1px solid #456;color:#fff;border-radius:8px;padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;margin-left:auto}.theme-toggle:hover{background:#ffffff1f}