.login{position:absolute;inset:0;z-index:var(--lay-modal);display:none;place-items:center;overflow:hidden;background:var(--bg-void);border-radius:inherit}[data-state=login] body.is-login .login,[data-state=login] body.is-login #viewport{display:grid}[data-state=login] .tabstrip,[data-state=login] .chrome,[data-state=login] .subbar,[data-state=login] .view,[data-state=login] .screen>.hatch{display:none}.login__bg{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;filter:saturate(.9);image-rendering:auto}.login__bg:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 0%,rgba(5,5,7,.72) 62%,rgba(5,5,7,.94) 100%),linear-gradient(180deg,#0505078c,#050507cc)}.login__hatch{position:absolute;right:-20px;bottom:-20px;width:460px;height:190px;pointer-events:none;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.07) 0 3px,transparent 3px 15px);-webkit-mask-image:linear-gradient(300deg,#000 6%,transparent 60%);mask-image:linear-gradient(300deg,#000 6%,transparent 60%)}.login__card{position:relative;z-index:2;width:min(408px,90vw);padding:34px 32px 28px;border:1px solid var(--line-strong);border-radius:var(--r-2xl);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px) saturate(1.2);box-shadow:var(--shadow-xl),inset 0 1px #ffffff0d;animation:loginIn .38s var(--ease)}@keyframes loginIn{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.login__logo{display:block;height:46px;width:auto;max-width:200px;object-fit:contain;margin:0 auto 20px}.login__title{font-size:20px;font-weight:620;letter-spacing:-.02em;color:var(--text-strong);text-align:center}.login__sub{font-size:12.5px;color:var(--text-muted);text-align:center;margin-top:5px;margin-bottom:24px;line-height:1.5}.login__form{display:flex;flex-direction:column;gap:13px}.login__field{position:relative}.login__field>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-dim);pointer-events:none;transition:color var(--dur-fast)}.login__field:focus-within>svg{color:var(--accent)}.login__input{width:100%;height:44px;padding:0 14px 0 38px;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--bg-alt);color:var(--text-strong);font-size:14px;letter-spacing:.01em;transition:border-color var(--dur-fast),background var(--dur-fast),box-shadow var(--dur-fast)}.login__input::placeholder{color:var(--text-dim)}.login__input:hover{border-color:var(--line-strong);background:var(--surface-2)}.login__input:focus{border-color:var(--accent-line);background:var(--surface);box-shadow:0 0 0 3px var(--accent-softer)}.login__eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-md);color:var(--text-dim);transition:color var(--dur-fast),background var(--dur-fast)}.login__eye:hover{color:var(--text);background:var(--surface-3)}.login__eye svg{width:15px;height:15px}.login__submit{height:44px;margin-top:4px;border-radius:var(--r-lg);background:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:600;letter-spacing:-.005em;display:flex;align-items:center;justify-content:center;gap:8px;transition:background var(--dur-fast),transform var(--dur-fast),opacity var(--dur-fast)}.login__submit:hover{background:var(--accent-hi)}.login__submit:active{transform:translateY(1px)}.login__submit[disabled]{opacity:.5;pointer-events:none}.login__submit svg{width:15px;height:15px}.login__error{display:flex;align-items:flex-start;gap:9px;padding:10px 13px;border:1px solid rgba(240,68,68,.32);border-radius:var(--r-md);background:#f0444414;color:var(--c-red);font-size:12.5px;line-height:1.5;animation:shake .3s var(--ease)}.login__error svg{width:15px;height:15px;flex:none;margin-top:1px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login__note{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border:1px solid var(--accent-line);border-radius:var(--r-md);background:var(--accent-softer);color:var(--text-soft);font-size:12.5px;line-height:1.55}.login__note svg{width:15px;height:15px;flex:none;margin-top:1px;color:var(--accent)}.login__note b{color:var(--text-strong)}.login__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--text-dim)}.login__lang{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);color:var(--text-soft);font-size:11.5px;transition:border-color var(--dur-fast),color var(--dur-fast)}.login__lang:hover{border-color:var(--line-strong);color:var(--text-strong)}.login__lang svg{width:12px;height:12px;opacity:.7}.langmenu{position:absolute;z-index:var(--lay-dropdown);min-width:176px;padding:5px;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg)}.langmenu__item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border-radius:var(--r-md);font-size:13px;color:var(--text-soft);text-align:left;transition:background var(--dur-fast),color var(--dur-fast)}.langmenu__item:hover{background:var(--surface-3);color:var(--text-strong)}.langmenu__item.is-on{background:var(--accent-softer);color:var(--accent)}.langmenu__item span:first-child{font-size:15px;line-height:1}.langmenu__item svg{width:13px;height:13px;margin-left:auto}.login__welcome{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:10px 0 4px}.login__welcome .av{width:58px;height:58px;font-size:19px}.login__welcome b{font-size:15px;color:var(--text-strong)}.login__welcome span{font-size:12.5px;color:var(--text-muted)}.login__submit .spinner{width:15px;height:15px;border-color:color-mix(in srgb,var(--accent-ink) 30%,transparent);border-top-color:var(--accent-ink)}.login__forgot{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;padding:7px;border-radius:8px;font-size:12px;color:var(--text-dim);transition:all var(--dur) var(--ease)}.login__forgot:hover{color:var(--accent);background:var(--accent-soft)}.login__close{position:absolute;top:14px;right:14px;z-index:3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--bg-void) 70%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-dim);transition:all var(--dur) var(--ease)}.login__close:hover{color:var(--text-strong);border-color:var(--c-red);background:color-mix(in srgb,var(--c-red) 16%,transparent)}.login__card{width:min(360px,82%);max-height:92%;overflow-y:auto;padding:26px 26px 22px}.login__logo{height:38px;margin-bottom:16px}.login__title{font-size:18px}.login__sub{margin-bottom:18px}.login__logo--skilt{height:58px;width:58px;max-width:58px;border-radius:12px;object-fit:cover;box-shadow:0 0 0 1px #ffffff2e,0 6px 20px #00000073}.login__input{background:var(--field)}.login__input:hover{background:var(--field-hover)}.login__input:focus{background:var(--field-focus);border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-softer)}