/* Lunchdrive PF 2027 – sdílené styly (tokeny z design systému Lunchdrive) */
:root{
  --blue-50:#ecf5fc;--blue-100:#cfe6f6;--blue-200:#a6d0ee;--blue-300:#6fb2e0;--blue-500:#1b7cc4;--blue-600:#0e6fb8;--blue-700:#0a5c9b;
  --ink:#1b2126;--ink-soft:#444e57;--line:#e8e3da;--paper:#fbfaf7;--surface:#fff;--surface-warm:#f5f2ec;
  --error:#ce4b3b;--error-bg:#fbedea;--error-border:#f4d2ca;--ok:#117e5d;--ok-bg:#e9f8f1;
  --logo-ink:#121b22;--logo-blue:#1a77c1;--violet:#7b61ff;--sky:#38bdf8;
  --shadow-sm:0 1px 2px rgba(27,33,38,.05),0 1px 3px rgba(27,33,38,.04);
  --shadow-lg:0 18px 48px rgba(27,33,38,.10),0 6px 16px rgba(27,33,38,.05);
  --shadow-btn:0 1px 2px rgba(14,111,184,.35),0 4px 12px rgba(14,111,184,.18);
  --font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.4,0,.2,1);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{font-family:var(--font);background:var(--paper);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(60% 50% at 85% 0%,rgba(142,118,222,.18),rgba(64,150,224,.10) 45%,transparent 75%)}
.shell{position:relative;z-index:1;width:min(100% - 40px,1000px);margin:0 auto;padding:24px 0 40px}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px}
.logo{font-weight:800;font-size:24px;letter-spacing:-.02em;color:var(--logo-ink);text-decoration:none}
.logo span{color:var(--logo-blue)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.10em;text-transform:uppercase;color:var(--blue-600)}
.eyebrow::before{content:"";width:18px;height:2px;background:currentColor}
.accent{background:linear-gradient(90deg,var(--blue-500) 0%,var(--violet) 55%,var(--sky) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:0;border-radius:6px;padding:0 24px;font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .2s var(--ease),box-shadow .2s var(--ease)}
.btn--primary{background:var(--blue-600);color:#fff;box-shadow:var(--shadow-btn)}
.btn--primary:hover{background:var(--blue-700)}
.btn--ghost{background:var(--surface);color:var(--blue-700);border:1px solid var(--blue-200)}
.btn--ghost:hover{background:var(--blue-50)}
.btn:focus-visible,.ctrl:focus-visible{outline:none;box-shadow:0 0 0 4px var(--blue-100)}
.footer{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--ink-soft)}
.footer a{color:var(--blue-700)}
@media (max-width:640px){
  .shell{width:calc(100% - 24px);padding:14px 0 28px}
  .top{padding-bottom:12px}.logo{font-size:21px}
  .footer{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}