*{box-sizing:border-box}html{min-height:100%;background:#07101a}body{min-height:100svh;margin:0;padding:28px 0;display:flex;align-items:center;color:#f3e5c8;font-family:Georgia,serif;isolation:isolate;background:#07101a}.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:50% 0%;display:block}.login-scene canvas{position:absolute;inset:0;width:100%;height:100%}.account-card{position:relative;width:min(540px,33vw);margin-left:4vw;padding:10px 0 22px;text-align:center}.account-card::before{content:"";position:absolute;z-index:-1;inset:-5% -8% -7%;background:radial-gradient(ellipse,#07101a88 0%,#07101a45 50%,#07101a00 75%);pointer-events:none}.login-brand{display:block;width:100%;margin:0 auto 20px}.login-brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 6px #0008)}.account-content{width:86%;margin:auto}h1{font-size:clamp(24px,2.2vw,37px);font-weight:500;line-height:1.2;margin:0 0 28px;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:19px 0 8px;font-size:18px;text-shadow:0 1px 3px #000}input{width:100%;min-height:48px;border:1px solid #b08a4d;border-radius:4px;padding:10px 12px;background:#071019df;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:64px;margin-top:28px;border:12px solid transparent;border-image:url('../../assets/shared/ui/skin/base/button-slate.webp') 30 fill stretch;background:transparent;color:#fff0d2;font:clamp(21px,2vw,30px) Georgia,serif;cursor:pointer;text-shadow:0 2px 3px #000}button:hover{filter:brightness(1.15)}.note,.privacy{font:12px/1.55 system-ui;color:#e3d4bb}.privacy{margin:18px 0 0;text-shadow:0 1px 3px #000}.switch{text-align:center;font:16px/1.6 Georgia,serif;margin:22px 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:0 20px 28px;align-items:flex-start}.login-scene{position:absolute;inset:0 0 auto;height:clamp(260px,40svh,380px)}.login-scene img{object-position:82% 50%}.login-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 68%,#07101a)}.account-card{width:min(440px,100%);margin:calc(clamp(260px,40svh,380px) - 10px) auto 0;padding:0 0 25px}.account-card::before{display:none}.account-content{width:min(360px,100%)}.login-brand{width:min(340px,100%);margin-bottom:16px}h1{font-size:28px;margin-bottom:24px}label{font-size:17px}button{font-size:25px}.privacy{margin-bottom:env(safe-area-inset-bottom,0px)}}
@media(min-width:761px) and (max-width:1100px){.account-card{width:36vw;margin-left:2vw}.account-content{width:94%}h1{font-size:26px}}
@media(min-width:761px) and (max-height:620px){body{align-items:flex-start;padding:12px 0}.account-card{padding:0 0 16px}.login-brand{max-width:300px;margin-bottom:8px}h1{font-size:25px;margin-bottom:14px}label{margin-top:12px;font-size:16px}button{min-height:52px;margin-top:18px;font-size:22px}.switch{margin-top:14px}.privacy{margin-top:10px}}
@media(prefers-reduced-motion:no-preference){button{transition:filter .15s}}