:root{--cream:#faf7f3;--linen:#f0e4d3;--sand:#dcc5b2;--rose:#d9a299;--rose-dark:#c98f87;--text-dark:#2c1810;--text-muted:#7a5c58}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--cream);color:var(--text-dark);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1180px,100% - 28px);margin:auto}.page-wrap{min-height:calc(100vh - 70px);padding:36px 0 60px;animation:.22s fadeIn}.tool-card-page{background:var(--linen);border:1px solid var(--sand);border-radius:24px;max-width:860px;margin:auto;padding:32px}.section-title{font-size:clamp(34px,6vw,58px);font-weight:900;line-height:1.08}.muted{color:var(--text-muted)}.input{border:1px solid var(--sand);background:#fff;border-radius:12px;width:100%;padding:12px 14px}.primary-btn{background:var(--rose);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 22px;font-weight:800}.primary-btn:hover{background:var(--rose-dark)}.back-btn{border:1px solid var(--sand);background:#fff;border-radius:12px;padding:10px 16px}.top-navbar{border-bottom:1px solid var(--sand);z-index:100;background:#fff;justify-content:space-between;align-items:center;gap:18px;height:70px;padding:0 22px;display:flex;position:sticky;top:0;box-shadow:0 4px 18px #2c18100d}.nav-brand{white-space:nowrap;font-size:22px;font-weight:900}.nav-center{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.nav-link{color:var(--text-muted);border-radius:10px;padding:9px 14px;font-size:14px;font-weight:700}.nav-link:hover,.nav-link.active{background:var(--linen);color:var(--text-dark)}.nav-right{align-items:center;gap:10px;display:flex}.search-box{background:var(--cream);border:1px solid var(--sand);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex}.search-box input{background:0 0;border:none;outline:none;width:120px}.free-badge{background:var(--rose);color:#fff;border-radius:999px;padding:8px 15px;font-size:14px;font-weight:800}.menu-btn{cursor:pointer;background:#fff;border:none;font-size:24px;display:none}.mobile-menu{display:none}.tool-card-hover{transition:all .22s}.tool-card-hover:hover{transform:translateY(-5px);box-shadow:0 18px 32px #d9a29929}@media (width<=900px){.nav-center,.search-box,.free-badge{display:none}.menu-btn{display:block}.mobile-menu{border-bottom:1px solid var(--sand);background:#fff;flex-direction:column;gap:8px;padding:14px 18px;display:flex}.mobile-menu a{border-radius:10px;padding:12px;font-weight:700}.mobile-menu a:hover{background:var(--linen)}.tool-card-page{padding:22px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}