:root{color-scheme:light;--navy:#152b3c;--navy-deep:#0b1b2b;--bronze:#b99464;--gold:#d5b382;--ink:#1b2b3b;--warm:#faf7f1;--muted:#6d7882}
*{box-sizing:border-box}
html{min-height:100%;background:#eee9df}
body{margin:0;min-height:100vh;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
button,input,a{font:inherit}
.login-scene{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:38px 20px;background:#f4f0e8 url('assets/login-tech-background.webp') center center/cover no-repeat}
.login-panel{position:relative;isolation:isolate;width:min(100%,510px);padding:32px 36px 36px;background:linear-gradient(155deg,rgba(255,253,249,.96),rgba(253,249,242,.94));border:1px solid rgba(194,152,101,.55);border-radius:34px;box-shadow:0 30px 66px rgba(41,37,29,.13),0 2px 12px rgba(38,27,14,.055),inset 0 1px rgba(255,255,255,.97)}
.login-panel::before{content:"";position:absolute;inset:8px;border:1px solid rgba(238,226,209,.45);border-radius:27px;pointer-events:none;z-index:-1}
.login-panel-top{position:absolute;top:22px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between}
.language-indicator,.back-home{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#74583e;background:linear-gradient(150deg,#fff,#faf5ed);border:1px solid rgba(193,159,113,.45);box-shadow:0 2px 6px rgba(47,38,24,.08);font-size:13px;font-weight:700;line-height:1}
.back-home{transition:background .2s,box-shadow .2s,transform .2s}
.back-home:hover{background:#fff;box-shadow:0 4px 12px rgba(35,33,25,.15);transform:translateX(2px)}
.back-home svg{width:20px;height:20px;stroke:#6f5238;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
a{text-decoration:none}
.login-brand{display:flex;align-items:center;flex-direction:column;gap:6px;margin:6px auto 20px}
.brand-symbol{width:91px;height:auto;object-fit:contain;filter:drop-shadow(0 9px 10px rgba(19,34,43,.11));user-select:none;-webkit-user-drag:none}
.brand-wordmark{width:225px;max-width:72%;height:auto;display:block;object-fit:contain;user-select:none;-webkit-user-drag:none}
.portal-tag{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 15px;padding:8px 13px;border:1px solid rgba(188,152,102,.40);border-radius:24px;width:max-content;font-size:12px;line-height:1.2;font-weight:700;color:#986f3d;box-shadow:inset 0 1px rgba(255,255,255,.9);background:rgba(255,250,242,.8)}
.portal-tag svg{width:17px;height:17px;fill:none;stroke:#a47a47;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
h1{text-align:center;font-size:42px;line-height:1.12;letter-spacing:-.05em;color:#142b3f;font-weight:760;margin:0 0 29px}
.login-form{display:grid;gap:20px;width:100%}
.form-group{display:grid;gap:9px}
.form-group label{font-size:13px;font-weight:730;line-height:1.4;letter-spacing:.001em;color:#1b2b3e}
.field-shell{position:relative;display:flex;align-items:center;min-height:52px;border:1px solid #d2d4d5;border-radius:20px;background:rgba(255,255,255,.62);box-shadow:0 2px 2px rgba(25,34,41,.04),inset 0 1px rgba(255,255,255,.9);transition:border-color .2s,box-shadow .2s}
.field-shell:focus-within{border-color:#b4956b;box-shadow:0 0 0 4px rgba(183,142,91,.12),0 2px 6px rgba(25,34,41,.05)}
.field-shell input{background:transparent;border:0;outline:0;width:100%;height:52px;padding:0 52px 0 19px;font-size:13px;font-weight:500;color:#14273a;min-width:0}
.field-shell input::placeholder{color:#98a1a9;opacity:1}
.field-shell .field-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);height:19px;width:19px;fill:none;stroke:#78838c;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.password-shell input{padding-left:56px}
.password-visibility{border:0;background:transparent;position:absolute;left:10px;top:50%;transform:translateY(-50%);display:grid;place-items:center;cursor:pointer;padding:6px;color:#7a8790;border-radius:10px}
.password-visibility:hover{background:#ede8e0;color:#253f54}
.password-visibility svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.form-extras{display:flex;justify-content:flex-end;margin-top:-3px}
.forgot-password{border:none;background:none;color:#9a6c38;font-size:12px;font-weight:720;padding:0 0 3px;cursor:pointer;border-bottom:1px solid currentColor}
.forgot-password:hover{color:#70491f}
.login-submit{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:62px;border:1px solid #c5a371;border-radius:22px;background:linear-gradient(105deg,#8d775c 0%,#374652 15%,#20384d 41%,#102536 100%);box-shadow:0 0 0 3px rgba(255,251,241,.9) inset,0 11px 20px rgba(27,36,44,.13);color:#fffefa;font-size:17px;font-weight:740;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.login-submit:hover{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(255,251,241,.90) inset,0 14px 24px rgba(27,36,44,.2)}
.submit-arrow{position:absolute;left:17px;width:41px;height:41px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,238,201,.85);background:rgba(255,255,255,.035)}
.submit-arrow svg{height:23px;width:23px;fill:none;stroke:#fff7e8;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.form-message{border:1px solid rgba(168,127,73,.32);background:#faf2e7;color:#5b4835;padding:12px 14px;border-radius:14px;font-size:12px;line-height:1.6}
[hidden]{display:none!important}
:focus-visible{outline:3px solid rgba(176,131,78,.5);outline-offset:3px}
@media(max-width:640px){.login-scene{padding:24px 14px;background-size:auto 100%;background-position:center center}.login-panel{padding:28px 22px 28px;border-radius:28px;width:min(100%,460px)}.login-panel::before{inset:6px;border-radius:22px}.login-panel-top{top:17px;left:16px;right:16px}.language-indicator,.back-home{width:39px;height:39px}.login-brand{margin:8px auto 18px}.brand-symbol{width:79px}.brand-wordmark{width:199px}.portal-tag{margin-bottom:12px}h1{font-size:38px;margin-bottom:24px}.login-form{gap:18px}.field-shell,.field-shell input{min-height:50px;height:50px}.login-submit{min-height:58px}}
@media(max-width:370px){.login-scene{padding:15px 10px}.login-panel{padding:25px 17px 22px}.brand-symbol{width:70px}.brand-wordmark{width:184px}.login-brand{margin-top:16px}h1{font-size:35px;margin-bottom:20px}.login-form{gap:15px}.field-shell input{font-size:12px}.login-submit{min-height:56px}}
@media(max-height:720px) and (min-width:641px){.login-scene{padding:14px 20px}.login-panel{padding-top:24px;padding-bottom:24px}.login-brand{margin:0 auto 11px}.brand-symbol{width:74px}.brand-wordmark{width:190px}.portal-tag{margin-bottom:9px}h1{font-size:36px;margin-bottom:18px}.login-form{gap:14px}.login-submit{min-height:56px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}