/* res portal, CGP tokeni. Vir: CGP/aktual/_brandbook/CGP_res_portal.md */
@font-face{font-family:'Inter';src:url('../fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/Inter-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/Inter-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('../fonts/SpaceGrotesk-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('../fonts/SpaceGrotesk-Bold.woff2') format('woff2');font-weight:700;font-display:swap}

:root{
  /* nevtralne */
  --near-black:#050A0F;
  --dark:#121418;
  --card:#14181e;
  --soft:#F4F6F8;
  --muted:#A8ADB7;
  --line:rgba(244,246,248,.10);
  --line-strong:rgba(244,246,248,.22);

  /* akcenti segmentov */
  --amber:#FFC107;   /* res.monster */
  --orange:#FF8F00;  /* cook.res, it.res akcent */
  --lime:#A7F00D;    /* fit.res */
  --rose:#F43F5E;    /* gym.res */
  --teal:#00D6C9;    /* scooby.res */
  --blue:#2563EB;    /* tauh.res */
  --purple:#7C3AED;  /* system.res */
  --gray:#4B5563;    /* it.res */
  --silver:#AEB8C7;  /* other.res */

  --radius:22px;
  --radius-sm:14px;
  --maxw:1180px;
  --sidebar:78px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--near-black);color:var(--soft);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  line-height:1.55;-webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:'Space Grotesk','Inter',sans-serif;font-weight:700;line-height:1.08;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
input,button{font-family:inherit;font-size:inherit}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:6px}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* gumbi */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;
  padding:11px 22px;border-radius:999px;border:1px solid transparent;cursor:pointer;
  transition:transform .15s,border-color .2s,background .2s,opacity .2s;white-space:nowrap}
.btn-primary{background:var(--amber);color:#1a1400}
.btn-primary:hover{transform:translateY(-1px)}
.btn-ghost{background:rgba(20,24,30,.55);border-color:var(--line);color:var(--soft);backdrop-filter:blur(6px)}
.btn-ghost:hover{border-color:var(--line-strong)}
.btn-block{width:100%}

/* eyebrow */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk',sans-serif;font-size:12px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--amber);
  border:1px solid rgba(255,193,7,.35);padding:6px 15px;border-radius:999px}

/* polja */
.field{margin-bottom:16px;position:relative}
.field label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:7px;letter-spacing:.02em}
.field input{width:100%;background:#0b0f14;border:1px solid var(--line);border-radius:12px;
  padding:13px 15px;color:var(--soft);transition:border-color .2s}
.field input::placeholder{color:#5a6069}
.field input:focus{outline:none;border-color:var(--amber)}
.field .hint{font-size:12px;color:#5a6069;margin-top:6px}
/* pokazi geslo, namesto polja za ponovitev */
.field.pw input{padding-right:46px}
.eye{position:absolute;right:6px;top:26px;width:36px;height:44px;border:0;background:none;color:#5a6069;
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s}
.eye:hover{color:var(--soft)}
.eye svg{width:19px;height:19px}
.eye .off{display:none}
.eye.on .off{display:block}
.eye.on .in{display:none}
.err{color:var(--rose);font-size:13px;margin-bottom:14px;display:none}
.err.on{display:block}