:root{color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;color:#f5f3e8;background:#10252a}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;position:relative;isolation:isolate}
.world,.shade{position:fixed;inset:0;width:100%;height:100%;z-index:-2}
.world{object-fit:cover;object-position:center}
.shade{z-index:-1;background:linear-gradient(180deg,rgba(4,19,26,.42),rgba(5,23,25,.13) 62%,rgba(3,17,21,.48)),radial-gradient(ellipse at 50% 35%,rgba(5,22,27,.38),transparent 65%)}
main{min-height:100svh;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:48px 22px 72px}
.brand{text-align:center;margin-bottom:32px}
h1{margin:0;color:#f6e2ac;font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(52px,7vw,92px);letter-spacing:.075em;line-height:.98;text-shadow:0 3px 18px #071c22,0 1px 1px #000}
h1 span{display:block;font-family:"Segoe UI",Arial,sans-serif;font-size:clamp(16px,2vw,21px);font-weight:500;letter-spacing:.48em;padding-left:.48em;margin-top:17px;color:#fff1cc}
.brand p{margin:25px 0 0;font-size:clamp(15px,1.5vw,18px);line-height:1.5;font-weight:400;letter-spacing:.01em;text-shadow:0 2px 8px #071c22}
.login{width:100%;max-width:370px;padding:29px 30px 31px;border:1px solid #bba36a80;border-radius:12px;background:rgba(7,26,29,.88);backdrop-filter:blur(14px);box-shadow:0 18px 60px #03161e55,inset 0 1px 0 #ffe7ad19}
label{display:block;color:#e5e6da;font-size:14px;margin-bottom:9px}
input{display:block;width:100%;height:46px;padding:0 13px;margin-bottom:21px;font:16px "Segoe UI",Arial,sans-serif;color:#f8f7ef;background:#0b1c20c9;border:1px solid #637675a3;border-radius:5px;outline:none;transition:border-color .15s,box-shadow .15s}
input:focus{border-color:#d9bc7c;box-shadow:0 0 0 3px #d9bc7c1c}
input[aria-invalid=true]{border-color:#df9690}
button{display:flex;align-items:center;justify-content:space-between;width:100%;height:47px;padding:0 18px;border:1px solid #f4d89a;border-radius:5px;background:linear-gradient(#e9cd91,#d3b174);color:#18282a;font:600 16px "Segoe UI",Arial,sans-serif;cursor:pointer;box-shadow:0 3px 10px #0002}
button:hover{background:linear-gradient(#f2daa7,#e1c18a)}
button:focus-visible{outline:2px solid #f1dbac;outline-offset:4px}
button:disabled{opacity:.72;cursor:wait}
button span:last-child{font-size:22px;font-weight:400}
#form-message{font-size:14px;color:#ffd0c9;line-height:1.45;margin:0 0 19px}
noscript p{font-size:14px;color:#ffd0c9}
[hidden]{display:none!important}
@media(max-width:480px){main{padding:38px 20px}.brand{margin-bottom:27px}.brand p{max-width:280px;margin:23px auto 0}.login{padding:25px 25px 27px}.shade{background:linear-gradient(#061e2859,#061e2850)}h1{font-size:56px}}
@media(max-height:650px) and (min-width:481px){main{padding:24px 22px}h1{font-size:58px}.brand{margin-bottom:22px}.brand p{margin-top:15px}.login{padding:23px 28px}}