:root{
  --hm-brand:#ff0a54;
  --hm-brand-dark:#d90045;
  --hm-brand-soft:#fff0f5;
  --hm-brand-border:#ffd3df;

  --hm-ink:#1f242c;
  --hm-ink-soft:#4d5662;
  --hm-muted:#75808c;
  --hm-muted-2:#a4abb4;

  --hm-bg:#f7f8fa;
  --hm-surface:#ffffff;
  --hm-line:#e7eaee;
  --hm-line-soft:#f0f2f4;

  --hm-success:#168f61;

  --hm-header-h:76px;
  --hm-sidebar-w:270px;
  --hm-sidebar-collapsed:82px;

  --hm-radius-md:16px;
  --hm-radius-lg:22px;

  --hm-shadow-xs:0 1px 2px rgba(31,36,43,.025);
  --hm-shadow-sm:0 10px 30px rgba(31,36,43,.055);
  --hm-shadow-md:0 24px 70px rgba(31,36,43,.10);

  --hm-ease:cubic-bezier(.2,.7,.2,1);
}

*{box-sizing:border-box}
html{min-height:100%;background:var(--hm-bg)}
body{
  margin:0;min-height:100vh;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--hm-ink);background:var(--hm-bg);
  font-size:16px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
.hm-logo{height:auto}
.hm-icon-btn{
  width:42px;height:42px;border-radius:13px;border:1px solid var(--hm-line);
  background:#fff;color:#66707c;display:grid;place-items:center;font-size:1rem;
  transition:.2s var(--hm-ease);
}
.hm-icon-btn:hover{
  transform:translateY(-1px);
  border-color:#ffc3d5;color:var(--hm-brand);
  background:#fff9fb;
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}