/* RASER d.o.o. – skupni slog podstrani (zasebnost.html, 404.html). Barve in pisave so iste kot na prvi strani. */
@font-face{font-family:"Sora";font-style:normal;font-weight:100 800;font-display:swap;src:url(fonts/sora-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sora";font-style:normal;font-weight:100 800;font-display:swap;src:url(fonts/sora-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --deep:#081A2E; --navy:#0F2A44; --blue:#2F6FE0; --blue-ink:#1F56BC; --sky:#8DB8FF;
  --sun:#FFC53D; --sun-ink:#D99A00; --white:#FFFFFF; --paper:#F2F5FA; --ink:#0F2A44; --muted:#52647A; --line:#D5DFEA; --pale:#B5CBE6;
  --display:"Sora","Segoe UI",system-ui,-apple-system,sans-serif;
  --text:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Consolas,monospace;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--deep);-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--deep);color:var(--ink);font:400 17px/1.65 var(--text);-webkit-font-smoothing:antialiased}
h1,h2,p,ul,dl,dd{margin:0}
a{color:var(--blue-ink)}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:8px}
.container{width:100%;max-width:1240px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;border:0;background:var(--sun);color:var(--navy);box-shadow:0 6px 0 var(--sun-ink);font:600 16px/1 var(--text);text-decoration:none;white-space:nowrap;transition:transform .14s,box-shadow .14s}
.btn:hover{transform:translateY(3px);box-shadow:0 3px 0 var(--sun-ink)}
.btn-sm{min-height:44px;padding:0 18px;font-size:15px;box-shadow:0 4px 0 var(--sun-ink)}

.top{padding-block:calc(12px + env(safe-area-inset-top,0px)) 12px}
.pill{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 20px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(141,184,255,.24)}
.pill img{display:block;height:34px;width:auto}
.pill a{line-height:0}
.pill .btn{line-height:1}

/* Dokument (politika zasebnosti) */
.doc{flex:1;background:var(--paper);border-radius:48px 48px 0 0;margin-top:28px;padding-block:72px 96px}
.doc-inner{max-width:760px}
.eyebrow{font:500 13px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue-ink)}
.doc h1{font:800 clamp(34px,6vw,64px)/1.04 var(--display);letter-spacing:-.03em;color:var(--navy);margin-block:14px 20px;text-wrap:balance}
.doc .intro{font-size:19px;color:var(--muted);margin-bottom:8px}
.doc h2{font:700 24px/1.25 var(--display);letter-spacing:-.01em;color:var(--navy);margin-block:44px 12px;padding-top:22px;border-top:2px solid var(--navy)}
.doc p{margin-bottom:12px}
.doc ul{padding-left:0;list-style:none;margin-bottom:12px}
.doc li{position:relative;padding:6px 0 6px 28px}
.doc li::before{content:"+";position:absolute;left:2px;top:3px;font:500 19px/1.4 var(--mono);color:var(--blue)}
.doc address{font-style:normal;margin-bottom:12px}
.todo{background:var(--sun);color:var(--navy);font-weight:600;padding:1px 6px;border-radius:5px}
.updated{margin-top:44px;font:500 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

/* Stran 404 */
.lost{flex:1;display:grid;place-items:center;padding-block:48px 72px;color:var(--white)}
.lost-inner{display:grid;gap:26px;justify-items:center;text-align:center;max-width:620px;margin-inline:auto}
.lcd{width:min(100%,420px);background:#06162A;border:1px solid rgba(141,184,255,.3);border-radius:22px;padding:18px 24px 22px;display:grid;gap:8px;text-align:left;box-shadow:0 0 90px rgba(47,111,224,.45)}
.lcd span{font:500 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sky)}
.lcd b{font:500 clamp(84px,24vw,140px)/1 var(--mono);letter-spacing:-.04em;color:var(--sun);text-align:right;text-shadow:0 0 24px rgba(255,197,61,.55)}
.lost h1{font:800 clamp(32px,6vw,56px)/1.06 var(--display);letter-spacing:-.03em;text-wrap:balance}
.lost p{font-size:18px;color:var(--pale);max-width:44ch}

.foot{background:var(--deep);color:var(--pale);font-size:14px;padding-block:26px calc(30px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(141,184,255,.25)}
.foot .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.foot a{color:var(--sky)}

@media (max-width:720px){
  body{font-size:16px}
  .doc{border-radius:32px 32px 0 0;padding-block:48px 72px;margin-top:16px}
  .doc h2{font-size:21px;margin-top:36px}
}