/* stav-AT – prihlásenie do plánovača */
:root{ --a:#FFD400; --bg:#0C0C0D; --card:#141416; --line:#26262A; --ink:#F2F2EF; --text:#C8C8C2; --muted:#A6A6A0; --dim:#8E8E88; }
*{ box-sizing:border-box; }
html,body{ margin:0; min-height:100%; }
body{ background:var(--bg); color:var(--ink); font-family:Manrope, system-ui, sans-serif; font-size:16px; display:flex; flex-direction:column; min-height:100vh; }
.mono{ font-family:"JetBrains Mono", ui-monospace, monospace; }
a{ color:var(--a); }
a:hover{ color:#FFE14D; }

.lg-top{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px clamp(16px, 5vw, 64px); border-bottom:1px solid #1F1F23; }
.lg-logo img{ display:block; height:34px; width:auto; }
.lg-back{ font-size:13px; color:var(--text); text-decoration:none; }
.lg-back:hover{ color:var(--a); }

.lg-main{ flex:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:clamp(32px, 7vw, 96px); padding:clamp(32px, 6vw, 72px) clamp(16px, 5vw, 64px); }
.lg-intro{ flex:1 1 380px; max-width:560px; display:flex; flex-direction:column; gap:18px; }
.lg-kicker{ font-size:13px; letter-spacing:.12em; color:var(--a); }
.lg-intro h1{ margin:0; font-family:Archivo, system-ui, sans-serif; font-weight:800; font-size:clamp(32px, 4.4vw, 52px); line-height:1.03; text-transform:uppercase; letter-spacing:-.01em; }
.lg-intro p{ margin:0; max-width:480px; line-height:1.65; color:var(--text); }

.lg-card{ position:relative; flex:0 1 440px; width:100%; max-width:440px; background:var(--card); border:1px solid var(--line); padding:36px 36px 30px; display:flex; flex-direction:column; gap:10px; }
.lg-corner{ position:absolute; width:18px; height:18px; }
.lg-c1{ top:-1px; left:-1px; border-top:2px solid var(--a); border-left:2px solid var(--a); }
.lg-c2{ bottom:-1px; right:-1px; border-bottom:2px solid var(--a); border-right:2px solid var(--a); }
.lg-card h2{ margin:0 0 10px; font-family:Archivo, system-ui, sans-serif; font-weight:700; font-size:24px; }
.lg-card label.mono{ margin-top:8px; font-size:12px; letter-spacing:.06em; color:var(--muted); }
.lg-card input[type=text], .lg-card input[type=password]{ height:48px; padding:0 14px; background:var(--bg); border:1px solid #34343A; color:var(--ink); font:inherit; font-size:15px; border-radius:0; }
.lg-card input:focus{ outline:none; border-color:var(--a); }
.lg-row{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; margin:10px 0 6px; font-size:14px; }
.lg-check{ display:flex; align-items:center; gap:8px; color:var(--text); cursor:pointer; }
.lg-check input{ width:18px; height:18px; accent-color:var(--a); }
.lg-btn{ display:flex; align-items:center; justify-content:center; height:52px; margin-top:8px; background:var(--a); color:var(--bg) !important; border:0; font:inherit; font-weight:700; font-size:15px; cursor:pointer; text-decoration:none; }
.lg-btn:hover{ background:#FFE14D; }
.lg-btn:focus-visible{ outline:2px solid var(--ink); outline-offset:2px; }
.lg-error{ margin:0 0 4px; padding:10px 12px; border:1px solid #6B2A22; background:#2A1512; color:#FFB4A8; font-size:14px; line-height:1.45; }
.lg-note{ margin:12px 0 0; font-size:13px; line-height:1.55; color:var(--dim); }
@media (max-width: 480px){ .lg-card{ padding:28px 20px 24px; } }