body{overflow:auto}.kl-root{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--night)}.kl-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:url(/intro/teaser-landscape.jpg) center / cover no-repeat;opacity:.55}.kl-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#02060a8c,#02060a59 40%,#02060aeb)}.kl-top,.kl-main,.kl-foot{position:relative;z-index:1}.kl-top{display:flex;align-items:baseline;gap:14px;padding:22px clamp(16px,4vw,48px)}.kl-sub{font:700 13px var(--mono);color:var(--sodium)}.kl-main{flex:1;display:grid;place-items:center;padding:16px}.kl-card{width:min(720px,100%);display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:clamp(24px,5vw,44px);background:#06111adb;border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 80px #00000080}.kl-k{font:700 14px var(--mono);color:var(--sodium)}.kl-card h1{font:900 clamp(44px,7vw,76px)/.9 var(--display);color:#fff3e3;text-shadow:0 0 30px rgba(255,154,60,.35),2px 0 rgba(255,61,127,.45),-2px 0 rgba(95,230,255,.4)}.kl-otp{position:relative;display:block;cursor:text}.kl-cells{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:nowrap}.kl-cell{width:clamp(30px,5.4vw,50px);height:clamp(44px,7.4vw,64px);display:grid;place-items:center;font:700 clamp(22px,4vw,32px) var(--mono);font-style:normal;color:#f2fbff;background:#0a1a26;border:1px solid #25506A;border-bottom:4px solid var(--ice);border-radius:8px}.kl-cell.tag{border-bottom-color:var(--sodium);color:#ffe3c4}.kl-cell.cur{border-color:var(--ice);box-shadow:0 0 22px #5fe6ff59}.kl-cell.tag.cur{border-color:var(--sodium);box-shadow:0 0 22px #ff9a3c59}.kl-cell.bad{border-color:var(--signal);border-bottom-color:var(--signal);color:#ffb3cb;animation:nc-jit .18s}.kl-otp.busy .kl-cell{opacity:.6}.kl-sep{font:700 26px var(--mono);color:#4e7488}.kl-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;font-size:16px;border:0;padding:0;color:transparent;background:transparent;caret-color:transparent}.kl-otp:not(:focus-within) .kl-cell.cur{box-shadow:none;border-color:#25506a}.kl-hint{color:var(--muted);font-size:16px;max-width:520px}.kl-err{color:#ffb3cb;font-size:17px;max-width:540px}.kl-bye{color:var(--ice);font-size:16px}.kl-who{font-size:20px;color:#eaf6fa}.kl-who b{color:#fff3e3}.kl-school{color:var(--muted);font-size:15px}.kl-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px}.kl-actions .nc-btn:disabled{opacity:.6;cursor:default}.kl-klas{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;font:700 15px var(--mono);color:var(--muted)}.kl-klas-code{color:#ffe3c4;letter-spacing:.12em;padding:3px 9px;border:1px solid #6A4A2A;border-bottom:3px solid var(--sodium);border-radius:6px;background:#1a140c}.kl-other{font:500 14px var(--mono);color:#86afbf;background:none;border:0;padding:4px 2px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.kl-other:hover,.kl-other:focus-visible{color:#d6f2fa}.kl-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;padding:18px 16px 26px}.kl-foot a,.kl-foot .kl-lang{font:500 13px var(--mono);color:#86afbf;text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.kl-foot .kl-lang:hover,.kl-foot a:hover{color:#d6f2fa;text-decoration:underline}@media (max-width: 520px){.kl-cells{gap:4px}.kl-sep{font-size:18px}}@media (max-width: 440px){.kl-card{padding:22px 14px}.kl-cells{gap:3px}.kl-cell{width:clamp(24px,8.4vw,36px);height:48px;font-size:20px;border-radius:6px;border-bottom-width:3px}.kl-sep{font-size:16px}.kl-card h1{font-size:clamp(36px,11vw,44px)}}.kl-foot a.kl-staff{color:var(--ice)}