:root{--ink:#172033;--muted:#64748b;--line:#e5e7eb;--bg:#f7f9fc;--primary:#5b35d5;--secondary:#00a878}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:auto}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:900}.brand span{color:var(--secondary)}nav{display:flex;gap:24px;color:#475569;font-weight:600}
.hero{padding:90px 0 75px;background:linear-gradient(135deg,#161c3a,#5b35d5);color:#fff}.hero h1{font-size:clamp(42px,7vw,72px);line-height:1.05;max-width:800px;margin:10px 0}.hero h1 span{color:#9df5d6}.eyebrow{font-size:13px;font-weight:800;letter-spacing:2px;opacity:.8}.hero-copy{font-size:19px;max-width:650px;color:#e2e8f0}.search-box{display:flex;background:#fff;border-radius:14px;padding:7px;max-width:850px;margin:32px 0 18px;box-shadow:0 18px 50px #0004}.search-box select,.search-box input{border:0;outline:0;padding:15px;font-size:16px}.search-box select{width:150px;background:#fff}.search-box input{flex:1}.search-box button{border:0;background:var(--secondary);color:#fff;padding:0 28px;border-radius:10px;font-weight:800;cursor:pointer}.search-box.compact{margin:20px 0 40px}.quick-links{display:flex;gap:20px;flex-wrap:wrap;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:50px 0}.feature-grid article,.cards a,.code-card,.calculator{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.icon{width:40px;height:40px;border-radius:10px;background:#ede9fe;color:var(--primary);display:grid;place-items:center;font-weight:900}.ad-slot{width:min(970px,92%);height:90px;margin:20px auto 40px;border:1px dashed #cbd5e1;display:grid;place-items:center;color:#94a3b8;font-size:12px}.seo-section{padding-bottom:70px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards a{display:flex;flex-direction:column;gap:8px}.cards span,.muted{color:var(--muted)}.page{padding:55px 0 80px}.page h1{font-size:42px}.result-list{display:grid;gap:10px}.result{display:grid;grid-template-columns:130px 1fr auto;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);padding:18px 20px;border-radius:12px}.result strong{color:var(--primary);font-size:18px}.result small{color:var(--muted)}.code-card{max-width:900px}.code-label{font-size:12px;letter-spacing:2px;color:var(--muted);font-weight:800}.big-code{font-size:48px;font-weight:900;color:var(--primary)}.data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.data-grid div{padding:16px;background:var(--bg);border-radius:10px}.data-grid span{display:block;color:var(--muted);font-size:12px}.copy-btn,.calculator button{background:var(--primary);border:0;color:#fff;padding:12px 18px;border-radius:9px;font-weight:800;cursor:pointer}.notice{background:#fff7ed;border:1px solid #fed7aa;padding:18px;border-radius:12px;margin-top:25px}.narrow{max-width:700px}.calculator{display:grid;gap:18px}.calculator label{font-weight:700}.calculator input,.calculator select{display:block;width:100%;padding:14px;border:1px solid var(--line);border-radius:9px;margin-top:7px}.calc-result{background:var(--bg);padding:18px;border-radius:10px}.footer{background:#111827;color:#cbd5e1;padding:45px 0}.footer-links{display:flex;gap:20px}.breadcrumbs{color:var(--muted);margin-bottom:20px}
@media(max-width:760px){nav{display:none}.feature-grid,.cards{grid-template-columns:1fr}.search-box{flex-wrap:wrap}.search-box select,.search-box input{width:100%}.search-box button{width:100%;padding:15px}.result{grid-template-columns:1fr}.data-grid{grid-template-columns:1fr 1fr}}