html:has(.login-page){background:#0b1020}body:has(.login-page){margin:0;padding:0}.login-page,.login-page *{box-sizing:border-box;margin:0;padding:0}.login-page{display:block;min-height:100vh;min-height:100svh;font-family:Inter,system-ui,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;background:var(--img-dusk) center bottom /cover no-repeat,#0b1020;position:relative;overflow-x:clip}.login-page button,.login-page input{font:inherit;color:inherit}.login-page button{background:none;border:0;cursor:pointer}.login-page a{color:inherit}.login-page a:focus-visible,.login-page button:focus-visible{outline:2px solid #fff;outline-offset:3px}.login-page #sun{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;z-index:0}.login-page .nav{position:relative;z-index:2;height:72px;padding:0 max(32px,calc((100vw - 1200px) / 2));display:flex;align-items:center;justify-content:space-between}.login-page .brand{display:flex;align-items:center;gap:8px;text-decoration:none;min-height:44px;color:#fff}.login-page .brand .wm-24{display:block}.login-page .new{font-size:14px;color:rgba(255,255,255,.62);text-decoration:none;position:relative}.login-page .new:before{content:"";position:absolute;inset:-14px -6px}.login-page .new b{font-weight:500;color:#fff}.login-page main{position:relative;z-index:1;display:flex;justify-content:center;padding:clamp(48px,16vh,168px) 20px 0}.login-page .card{width:440px;padding:44px 40px 36px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.05));backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 30px 60px -34px rgba(0,0,0,.7)}.login-page h1{font-family:Inter Tight;font-weight:400;font-size:32px;line-height:38px;letter-spacing:-.025em}.login-page .lead{margin-top:10px;font-size:15px;line-height:23px;color:rgba(255,255,255,.72)}.login-page .note{margin-top:12px;font-size:14px;line-height:20px;color:#fff}.login-page label{display:block;margin-top:28px;font-size:13px;color:rgba(255,255,255,.72)}.login-page label+.field+label{margin-top:18px}.login-page .field{margin-top:8px;display:flex;height:52px;background:rgba(9,12,24,.32);border:1px solid rgba(255,255,255,.28);transition:border-color .15s ease,background .15s ease}.login-page .field:focus-within{border-color:rgba(255,255,255,.75);background:rgba(9,12,24,.42)}.login-page .field.bad{border-color:#fca5a5}.login-page .field input{flex:1 1;min-width:0;padding:0 16px;background:none;border:0;outline:none;font-size:17px;letter-spacing:.01em}.login-page .field input::placeholder{color:rgba(255,255,255,.55)}.login-page .err{margin-top:8px;font-size:13px;color:#fecaca;text-wrap:pretty}.login-page .go{margin-top:20px;width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#09090b;font-size:15px;font-weight:500;transition:opacity .15s ease}.login-page .go:disabled{opacity:.45;cursor:default}.login-page .go.busy{opacity:.75}.login-page .fine{margin-top:20px;font-size:12px;line-height:18px;color:rgba(255,255,255,.72)}.login-page .fine a{color:#fff}@media (max-width:640px){.login-page .nav{height:56px;padding:env(safe-area-inset-top) 20px 0;box-sizing:content-box}.login-page .brand .wm-24{display:none}.login-page .brand .wm-20{display:block}.login-page .new .q{display:none}.login-page .new{height:36px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid rgba(255,255,255,.7);color:#fff;font-size:14px;position:relative}.login-page .new:before{content:"";position:absolute;inset:-4px 0}.login-page .new b{font-weight:500}.login-page .new .arr{display:none}.login-page main{display:block;padding:clamp(24px,7svh,72px) 20px 0}.login-page .card{width:auto;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.login-page h1{font-size:30px;line-height:36px}.login-page .lead{font-size:16px;line-height:23px}.login-page label{margin-top:24px}.login-page .field{height:56px}.login-page .go{height:54px;font-size:16px}}.login-page .nav{transition:opacity .2s ease}html.kb .login-page #sun,html.kb .login-page .nav{opacity:0;pointer-events:none}.login-page #sun{transition:opacity .2s ease}@media (max-width:699px){.login-page .fine{font-size:13px;line-height:19px}}@media (max-width:370px){.login-page .brand .wm-20{display:none}.login-page .brand .wm-18{display:block}.login-page .new{padding:0 10px;font-size:13px}}.login-page .nav{display:grid;grid-template-columns:1fr auto 1fr;justify-content:normal}.login-page .nav .brand{grid-column:2;grid-row:1;justify-self:center}.login-page .nav .new{grid-column:3;grid-row:1;justify-self:end}.login-page .nav .side{grid-column:1;grid-row:1;justify-self:start;display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:#fff;text-decoration:none;white-space:nowrap}.login-page .alt{display:none}@media (max-width:1199px){.login-page .nav{height:60px;padding:env(safe-area-inset-top) max(20px,calc((100vw - 600px) / 2)) 0;box-sizing:content-box}.login-page .brand .wm-24{display:none}.login-page .brand .wm-20{display:block}.login-page .brand .wm-18{display:none}}@media (max-width:599px){.login-page .brand .wm-20{display:none}.login-page .brand .wm-18{display:block}.login-page .nav .new{display:none}.login-page .alt{display:block;position:relative;z-index:1;margin-top:28px;font-size:15px;line-height:22px;color:rgba(255,255,255,.72)}.login-page .alt a{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-weight:500;text-underline-offset:3px}}.login-page{min-height:100lvh}.login-page .bar-tint{position:fixed;left:0;right:0;bottom:0;height:48px;z-index:5;pointer-events:none;background:#0b1020;-webkit-mask-image:linear-gradient(transparent,transparent);mask-image:linear-gradient(transparent,transparent)}@media (min-width:1200px){.login-page .bar-tint{display:none}}.login-page{background:#0b1020;isolation:isolate}.login-page:before{content:"";position:fixed;left:0;right:0;top:0;height:100vh;height:100lvh;z-index:-1;pointer-events:none;background:var(--img-dusk) center bottom /cover no-repeat,#0b1020}@media (max-width:1199px){.login-page .nav .new .q{display:none}.login-page .nav .new{white-space:nowrap}}