:root{
  --turq:#14b8a6;--turq-d:#0f766e;--turq-l:#5eead4;--cyan:#06b6d4;
  --ink:#0f2f2b;--muted:#5b7a75;--line:#cfe8e2;--bg:#effcf9;
  --card:#ffffff;--shadow:0 10px 34px rgba(13,118,110,.14);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:radial-gradient(1100px 500px at 90% -10%, #cffafe 0%, transparent 60%),var(--bg);
  color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;}
.app{max-width:1100px;margin:0 auto;padding:18px 18px 60px;}

header.top{background:linear-gradient(120deg,#115e59 0%,#0f766e 40%,#14b8a6 80%,#06b6d4 130%);
  color:#fff;border-radius:18px;padding:22px 26px;box-shadow:var(--shadow);
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
header.top .logo{font-size:42px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));}
header.top h1{margin:0;font-size:26px;font-weight:800;letter-spacing:.3px;}
header.top p{margin:3px 0 0;font-size:14px;opacity:.92;}
.head-right{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
.home-link{color:#fff;text-decoration:none;font-weight:800;font-size:14px;letter-spacing:.2px;}
.home-link .if{color:#99f6e4;}
.home-link:hover{text-decoration:underline;}
.langsw{display:flex;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);
  border-radius:999px;padding:3px;gap:2px;}
.langsw button{border:none;background:transparent;color:#e8fffb;font-weight:800;font-size:13px;
  padding:5px 14px;border-radius:999px;cursor:pointer;transition:.12s;letter-spacing:.5px;}
.langsw button.active{background:#fff;color:var(--turq-d);box-shadow:0 2px 6px rgba(0,0,0,.18);}

.lede{margin:24px 4px 20px;font-size:15px;color:var(--muted);max-width:820px;}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px;}
.tool-card{display:flex;flex-direction:column;gap:10px;background:var(--card);
  border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);
  padding:24px 22px;text-decoration:none;color:var(--ink);transition:.16s;}
.tool-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(13,118,110,.22);border-color:var(--turq-l);}
.t-emoji{font-size:46px;line-height:1;}
.tool-card h2{margin:2px 0 0;font-size:18px;font-weight:800;color:var(--turq-d);}
.tool-card p{margin:0;font-size:13.5px;color:var(--muted);flex:1;}
.chips{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px;}
.chips li{background:#d9f6f0;color:var(--turq-d);font-size:11.5px;font-weight:700;
  padding:4px 10px;border-radius:999px;}
.open{margin-top:10px;font-size:14px;font-weight:800;color:var(--turq);}
.tool-card:hover .open{color:var(--turq-d);}

.also{margin:30px 4px 2px;text-align:center;font-size:13px;color:var(--muted);}
.also-link{margin:0;text-align:center;}
.also-link a{color:var(--turq-d);font-weight:800;font-size:14px;text-decoration:none;}
.also-link a:hover{text-decoration:underline;}

footer.foot{margin-top:34px;text-align:center;color:var(--muted);font-size:12px;}

@media(max-width:820px){.grid{grid-template-columns:1fr;}}