:root{color-scheme:dark;--ink:#fbfcf7;--mut:#e1e7db;--line:#ffffff45}
*{box-sizing:border-box}html{background:#222b25}body{margin:0;min-height:100svh;isolation:isolate;color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#222b25;display:grid;grid-template-rows:112px 1fr 64px}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:url('/assets/auth-meadow-v1.webp') center 60%/cover no-repeat;filter:saturate(.52) brightness(.86)}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0c130f45 0%,#11181322 28%,#0a100c5c 74%,#0a100c88 100%)}
button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}.authHeader{padding:32px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:150px;height:auto;display:block}.backLink{font-size:12px;display:flex;align-items:center;gap:9px;color:#f4f6ed}.backLink:hover{text-decoration:underline}
.auth{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,110px);width:min(100%,1600px);margin:auto;padding:20px 4% 24px}.hero{min-width:0}.hero h1{font-size:clamp(36px,4.25vw,70px);line-height:1.13;letter-spacing:-2.5px;font-weight:600;margin:0 0 23px}.rotatingLine{display:block;min-height:1.3em;white-space:nowrap;color:#e0efc5}#authHeadline{display:inline-block;opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease}#authHeadline.isChanging{opacity:0;transform:translateY(8px)}.hero p{font-size:clamp(14px,1.3vw,19px);font-weight:400;line-height:1.65;color:#e4e8de;max-width:550px;margin:0}.side{min-width:0;width:100%;display:flex;justify-content:flex-end}.glass{width:100%;max-width:490px;padding:34px 36px;border:1px solid #ffffff80;border-radius:25px;background:linear-gradient(140deg,#d2ddc62b,#33472d38);box-shadow:0 20px 70px #0d180b26,inset 0 1px 0 #ffffff12;backdrop-filter:blur(25px) saturate(105%);-webkit-backdrop-filter:blur(25px) saturate(105%)}h2{font-size:clamp(25px,2.1vw,34px);line-height:1.2;letter-spacing:-1.1px;font-weight:600;margin:0 0 9px}.muted{font-size:13px;color:var(--mut);line-height:1.6}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid #ffffff40;background:#ffffff0d;border-radius:10px;margin:25px 0 18px}.tab{background:none;border:0;color:#e1e6d9;padding:9px 12px;border-radius:7px;font-weight:500;min-height:39px}.tab.on{background:#f6f7f0;color:#24321f;box-shadow:0 2px 6px #16231412}.google{width:100%;min-height:47px;display:flex;align-items:center;justify-content:center;gap:11px;padding:10px 12px;border:1px solid #ffffff75;border-radius:10px;background:#172a131a;color:#fff;font-weight:500}.google:hover{background:#ffffff14}.googleIcon{height:21px;width:21px;flex:none}.or{display:flex;align-items:center;gap:16px;margin:21px 0 5px;color:#e1e5d8;font-size:11px;text-transform:lowercase}.or:before,.or:after{content:"";height:1px;background:#ffffff3b;flex:1}label{display:block;font-size:12px;font-weight:500;margin:16px 0 7px}input{display:block;width:100%;height:47px;border:1px solid #ffffff70;border-radius:10px;background:#ffffff0b;color:#fff;padding:11px 14px;outline:none;caret-color:#fff}input::placeholder{color:#e1e5d0b8}input:focus{border-color:#f0f5dd;outline:2px solid #f0f5dd38;outline-offset:2px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #44513c inset;caret-color:#fff}.passwordWrap{position:relative}.passwordWrap input{padding-right:50px}.passwordEye{position:absolute;right:4px;top:4px;width:39px;height:39px;display:grid;place-items:center;background:none;border:0;border-radius:7px;color:#e4e9d9}.passwordEye:hover{background:#ffffff14}.passwordEye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.primary{width:100%;min-height:47px;padding:11px 14px;border:1px solid #ffffd954;background:#f5f3df;color:#21301d;border-radius:10px;margin-top:24px;font-weight:650}.primary:hover{background:#fffef0}.primary:disabled,.google:disabled{opacity:.55;cursor:wait}.hidden{display:none!important}.msg{font-size:12px;line-height:1.6;margin-top:15px;padding:11px 13px;border-radius:9px}.err{background:#572721d9;color:#ffe7df;border:1px solid #ffbca378}.ok{background:#183d2ce8;color:#e1ffe7;border:1px solid #a4e6b76b}.authFooter{padding:16px 4% 28px;font-size:10px;color:#e0e6d6}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible{outline:2px solid #f1f6dc;outline-offset:4px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background:#34462fed}}
@media(min-width:1001px){html,body{height:100%;overflow:hidden}body{height:100dvh;min-height:0}.auth{height:100%;min-height:0;margin:0 auto}.side{max-height:100%;overflow:auto;scrollbar-width:thin;border-radius:25px}}
@media(min-width:1001px) and (max-height:780px){body{grid-template-rows:88px 1fr 48px}.authHeader{padding-top:24px;padding-bottom:16px}.brand img{width:130px}.auth{padding-top:10px;padding-bottom:12px}.glass{padding:23px 30px}h2{font-size:28px}.tabs{margin:18px 0 14px}.tab{min-height:34px;padding:7px 12px}.google,input,.primary{min-height:42px;height:42px}.passwordEye{height:34px}.or{margin:16px 0 4px}label{margin-top:12px}.primary{margin-top:19px}.authFooter{padding-top:12px;padding-bottom:18px}}
@media(max-width:1000px){body{grid-template-rows:auto 1fr auto}.authHeader{padding:32px 5%}.brand img{width:135px}.auth{grid-template-columns:1fr;gap:30px;padding:30px 5% 40px;max-width:660px}.hero{text-align:center}.hero h1{font-size:clamp(32px,6.5vw,49px);letter-spacing:-1.5px;margin-bottom:14px}.hero p{margin:auto;font-size:14px}.side{justify-content:center}.glass{max-width:490px}.authFooter{padding:16px 5% 28px}body:before{background-position:52% 60%}}
@media(max-width:520px){.authHeader{padding:28px 22px}.brand img{width:118px}.backLink{font-size:10px;gap:6px}.auth{padding:16px 20px 28px;gap:25px}.hero h1{font-size:clamp(27px,7vw,36px);letter-spacing:-1.1px;margin-bottom:10px}.hero p{font-size:12px;max-width:270px}.glass{padding:25px 22px;border-radius:22px}h2{font-size:26px;letter-spacing:-.8px}.muted{font-size:12px}.tabs{margin-top:21px}input{font-size:16px}.authFooter{padding-left:22px}.rotatingLine{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){#authHeadline{transition:none}}