/* Approved book/video geometry is unchanged. Only the live form is refined. */
#loginPanel{left:52.75%;top:12%;height:76%;width:34%}
#loginForm{width:78%;gap:clamp(5px,.9cqh,11px)}
.login-crest{display:block;align-self:center;width:auto;height:clamp(34px,7cqh,70px);object-fit:contain;margin:0 0 .5cqh;filter:drop-shadow(0 1px 1px #80642825)}
#loginTitle{font-size:clamp(26px,2.7cqw,52px);font-weight:600;line-height:1.08;white-space:nowrap}
.ornament{width:48%;font-size:clamp(11px,1cqw,18px);margin:.5cqh 0 1.6cqh;opacity:.85}
.field{gap:.65cqh}
.field label{font-size:clamp(16px,1.5cqw,27px);font-weight:500}
.field input{height:clamp(40px,5.5cqh,58px);border:1px solid #b7a17a;border-radius:5px;background:#f4ecdc;color:#243342;padding:0 1cqw;font-size:clamp(14px,1.2cqw,21px);box-shadow:inset 0 1px 3px #8a6b3210;transition:border-color .15s,box-shadow .15s}
.field input::placeholder{color:#847b6d;opacity:1}
.field input:focus-visible{outline:1px solid #b79a60;outline-offset:2px;border-color:#9f8047}
.field input:autofill{background:#f4ecdc!important;color:#243342!important;box-shadow:inset 0 0 0 100px #f4ecdc!important}
.field input:-webkit-autofill,.field input:-webkit-autofill:hover,.field input:-webkit-autofill:focus{ -webkit-text-fill-color:#243342!important;caret-color:#243342;-webkit-box-shadow:inset 0 0 0 100px #f4ecdc!important;box-shadow:inset 0 0 0 100px #f4ecdc!important}
.password-wrap input{padding-right:clamp(40px,3.6cqw,58px)}
#passwordEye{color:#53616a}
#passwordEye svg{width:clamp(19px,1.5cqw,26px)}
.text-button{font-size:clamp(14px,1.25cqw,23px);font-weight:500;color:#70552c;text-decoration-thickness:1px;text-underline-offset:4px}
#formMessage{min-height:2.2em;font-size:clamp(12px,.95cqw,17px)}
.primary{position:relative;min-width:64%;min-height:clamp(42px,5.8cqh,62px);padding:.5cqh 2.1cqw;border:1px solid #ae8a47;border-radius:7px;background:linear-gradient(150deg,#203446,#101f2d);font-size:clamp(21px,1.85cqw,34px);font-weight:600;color:#f3e5c0;box-shadow:inset 0 0 0 3px #142635,inset 0 0 0 4px #b69a5c66,0 3px 7px #46321320;letter-spacing:.025em}
.primary:hover{background:linear-gradient(150deg,#2c4458,#172c3e);border-color:#c4a46a;box-shadow:inset 0 0 0 3px #203446,inset 0 0 0 4px #cfb07199,0 3px 9px #46321325}
.primary:active{transform:translateY(1px)}
@media(max-width:700px) and (orientation:portrait){#loginPanel{left:52%;width:42%;top:13%;height:74%}#loginForm{width:78%}#loginTitle{font-size:27px;white-space:normal}.login-crest{height:42px}.field label{font-size:18px}.field input{font-size:16px}.primary{font-size:24px}.text-button{font-size:16px}}