*{box-sizing:border-box}html{min-height:100%;background:#211c17}body{min-height:100svh;margin:0;padding:35px 0;display:flex;align-items:center;color:#f3e5c8;font-family:Georgia,serif;isolation:isolate;background:#211c17}.login-scene{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.login-scene img{width:100%;height:100%;object-fit:cover;object-position:72% 50%;display:block}.login-scene canvas{position:absolute;inset:0;width:100%;height:100%}.account-card{position:relative;width:min(650px,48vw);margin-left:12vw;padding:10px 0 22px;text-align:center}.account-card::before{content:"";position:absolute;z-index:-1;inset:14% -14% -7%;background:radial-gradient(ellipse,#171615c9 0%,#17161590 38%,#17161500 72%);pointer-events:none}.login-brand{display:block;width:100%;margin:0 auto 5px}.login-brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 6px #0008)}.account-content{width:min(320px,100%);margin:auto}h1{font-size:30px;font-weight:500;line-height:1.2;margin:0 0 23px;white-space:nowrap;text-shadow:0 2px 4px #0009}.intro{color:#e3d4bb;font:14px/1.5 system-ui;margin:0 0 20px}form{text-align:left}label{display:block;margin:16px 0 7px;font-size:16px;text-shadow:0 1px 3px #000}input{width:100%;min-height:44px;border:1px solid #a18b5e;border-radius:4px;padding:9px 12px;background:#201d19d9;color:#fff5df;font:17px system-ui}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #f2c66e;outline-offset:4px}button{width:100%;min-height:46px;margin-top:20px;border:1px solid #c5a260;border-radius:4px;background:linear-gradient(#98723fdf,#5e482cde);color:#fff0d2;font:20px Georgia;cursor:pointer}button:hover{filter:brightness(1.15)}.note,.privacy{font:12px/1.55 system-ui;color:#e3d4bb}.privacy{margin:16px 0 0;text-shadow:0 1px 3px #000}.switch{text-align:center;font:14px/1.6 Georgia;margin:19px 0 0;text-shadow:0 1px 3px #000}a{color:#efd091;text-underline-offset:4px}.error{font:14px/1.5 system-ui;color:#ffdbbe;background:#38201ce6;border:1px solid #b98b63;border-radius:5px;padding:12px;text-align:left}
@media(max-width:760px){body{padding:28px 20px;align-items:flex-start}.account-card{width:min(440px,100%);margin: max(210px,30svh) auto 0;padding:0 0 25px}.login-scene img{object-position:78% 35%}.account-content{width:min(320px,100%)}h1{font-size:27px}.account-card::before{inset:8% -20px -12%;background:radial-gradient(ellipse,#171615ef 0%,#171615b3 47%,#17161500 75%)}.login-brand{margin-bottom:12px}}
@media(min-width:761px) and (max-height:620px){body{align-items:flex-start;padding:15px 0}.account-card{width:min(540px,48vw)}h1{margin-bottom:14px}.login-brand{max-width:440px}.privacy{margin-top:12px}}
@media(prefers-reduced-motion:no-preference){button{transition:filter .15s}}