:root{
  --forest:#0B3D2E;
  --turf:#1F6F4A;
  --white:#FFFFFF;
  --ink:#121815;
  --chalk:#F4F6F3;
  --line:#DCE3DD;
  --shadow:0 1px 2px rgba(11,61,46,.06),0 10px 32px rgba(11,61,46,.1);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  background:
    radial-gradient(circle at top left,rgba(31,111,74,.11),transparent 34rem),
    var(--chalk);
  color:var(--ink);
  font-family:'Manrope',sans-serif;
  -webkit-font-smoothing:antialiased;
}
.portal-shell{max-width:980px;margin:0 auto;padding:52px 22px 34px}
.portal-head{text-align:center;max-width:650px;margin:0 auto 34px}
.portal-logo{
  width:116px;
  height:116px;
  object-fit:contain;
  display:block;
  margin:0 auto 20px;
  padding:8px;
  border-radius:50%;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--turf);font-weight:800;margin-bottom:5px}
h1{font-size:32px;line-height:1.15;margin:0}
.portal-head p{margin:10px 0 0;color:#728077;font-size:14px;line-height:1.6}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tool-card{
  display:flex;
  gap:16px;
  min-width:0;
  padding:22px;
  border:1px solid var(--line);
  border-radius:17px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:var(--shadow);
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;
}
.tool-card:hover,.tool-card:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(31,111,74,.42);
  box-shadow:0 14px 34px rgba(11,61,46,.14);
  outline:none;
}
.tool-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  background:var(--forest);
  color:#fff;
  font-size:19px;
  font-weight:800;
}
.tool-content{min-width:0}
.tool-kicker{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:var(--turf);font-weight:800}
h2{font-size:20px;margin:4px 0 7px}
.tool-card p{margin:0;color:#728077;font-size:13px;line-height:1.55}
.tool-link{display:inline-flex;margin-top:16px;color:var(--forest);font-size:13px;font-weight:800}
footer{text-align:center;color:#849087;font-size:11.5px;margin-top:28px;line-height:1.5}
@media(max-width:720px){
  .portal-shell{padding:34px 16px 26px}
  .tool-grid{grid-template-columns:1fr}
  h1{font-size:27px}
}
@media(max-width:420px){
  .tool-card{padding:18px;gap:12px}
  .tool-icon{width:42px;height:42px;flex-basis:42px}
}