.winter-login { min-height:100vh; min-height:100svh; background:#f6f4ed; color:#243b3b; display:flex; flex-direction:column; font-family:Manrope,Arial,sans-serif; outline:none; }
.winter-login-header { width:min(1350px,calc(100% - 100px)); margin-inline:auto; min-height:110px; display:flex; justify-content:space-between; align-items:center; gap:25px; }
.winter-login-header .brand b { font-family:'Space Grotesk',Manrope,Arial,sans-serif; font-size:29px; font-weight:700; letter-spacing:-.06em; }
.winter-login-header .brand-mark { color:#315c50; }
.winter-login-header .brand small { color:#748177; font-size:7px; }
.winter-login-back { display:inline-flex; gap:9px; align-items:center; color:#718078; font-size:12px; }
.winter-login-back:hover { color:#315c50; }
.winter-login-back .icon { width:16px; height:16px; transform:rotate(180deg); }
.winter-login-layout { width:min(1350px,calc(100% - 100px)); margin:14px auto 35px; display:grid; grid-template-columns:1.14fr 1fr; min-height:690px; border:1px solid #d9dfd2; border-radius:18px; overflow:hidden; background:#fffdf8; }
.winter-login-story { min-width:0; background:#e6eee9; display:flex; flex-direction:column; position:relative; overflow:hidden; border-right:1px solid #d9dfd2; }
.winter-login-story-copy { position:relative; z-index:1; padding:51px 48px 0; }
.winter-login-kicker { display:flex; align-items:center; gap:9px; font-size:10px; letter-spacing:.095em; font-weight:700; color:#6d8477; }
.winter-login-kicker>span { width:6px; height:6px; background:#d48a53; }
.winter-login-story-copy h2 { margin-top:22px; font-family:'Space Grotesk',Manrope,Arial,sans-serif; font-size:clamp(39px,3.8vw,58px); line-height:1.07; letter-spacing:-.05em; font-weight:700; color:#31594c; }
.winter-login-story-copy h2>span { color:#748f7b; }
.winter-login-story-copy p { font-size:13px; line-height:1.9; margin-top:24px; color:#708575; }
.winter-login-world { flex:1; min-height:245px; margin-top:0; display:flex; align-items:flex-end; justify-content:center; position:relative; }
.winter-login-world:before { content:''; position:absolute; z-index:1; top:0; left:0; right:0; height:50%; pointer-events:none; background:linear-gradient(#e6eee9,transparent); }
.winter-login-world img { width:100%; height:100%; min-height:320px; max-height:380px; object-fit:cover; object-position:70% 75%; image-rendering:pixelated; }
.winter-login-story-foot { position:relative; z-index:2; background:#e6eee9; display:flex; align-items:center; gap:12px; padding:24px 35px; font-size:10px; color:#68816f; border-top:1px solid #d3dfd3; }
.winter-login-story-foot>i { display:block; width:3px; height:3px; background:#a3b69e; }
.winter-login-season { margin-left:auto; color:#8da08a; font-size:9px; }
.winter-login-access { display:flex; align-items:center; justify-content:center; padding:50px 45px; background:#fffdf8; color-scheme:light; }
.winter-login-form-wrap { width:100%; max-width:340px; }
.winter-login-form-icon { display:flex; align-items:center; justify-content:center; width:44px; height:44px; background:#eef2e6; border:1px solid #dce5d1; border-radius:10px; color:#6a8c52; margin-bottom:25px; }
.winter-login-form-icon .icon { width:21px; height:21px; }
.winter-login-form-kicker { font-size:9px; font-weight:700; letter-spacing:.11em; color:#92a082; }
.winter-login-form-wrap h1 { font-family:'Space Grotesk',Manrope,Arial,sans-serif; font-size:41px; line-height:1.1; font-weight:700; letter-spacing:-.05em; color:#31533d; margin-top:13px; }
.winter-login-intro { margin-top:18px; color:#7c8c73; font-size:12px; line-height:1.8; }
.winter-login-form { margin-top:30px; }
.winter-login-field { display:block; margin-bottom:18px; }
.winter-login-field>span:first-child { display:flex; justify-content:space-between; align-items:center; gap:15px; color:#647d54; font-size:11px; font-weight:600; margin-bottom:8px; }
.winter-login-field>span:first-child small { color:#a0ae91; font-size:9px; font-weight:400; }
.winter-login-field input { display:block; width:100%; height:49px; font-family:Manrope,Arial,sans-serif; font-size:12px; color:#879b76; border:1px solid #d6e0cb; border-radius:7px; background:#fbfcf6; padding:0 13px; box-shadow:none; cursor:default; }
.winter-login-field input[readonly] { opacity:1; }
.winter-login-field input[type=password] { font-size:14px; letter-spacing:.13em; }
.winter-login-password { display:block; position:relative; }
.winter-login-password input { padding-right:40px; }
.winter-login-password>.icon { position:absolute; right:14px; top:16px; width:16px; height:16px; color:#a5b792; pointer-events:none; }
.winter-login-demo-note { display:flex; gap:7px; color:#899e77; font-size:9px; line-height:1.75; margin-top:1px; }
.winter-login-demo-note .icon { width:13px; height:13px; margin-top:2px; }
.winter-login-submit { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:50px; padding:13px 18px; margin-top:22px; border-radius:7px; background:#315c50; border:1px solid #315c50; color:#fffdf8; font-size:12px; font-weight:700; transition:background .15s,transform .15s; }
.winter-login-submit:hover { background:#254c41; transform:translateY(-1px); }
.winter-login-submit:active { transform:none; }
.winter-login-submit>.icon { width:17px; height:17px; }
.winter-login-local { text-align:center; font-size:10px; line-height:1.85; color:#8a9c7a; margin-top:17px; }
.winter-login-visitor { display:flex; align-items:center; justify-content:center; gap:8px; color:#738e61; font-size:11px; font-weight:600; margin-top:29px; }
.winter-login-visitor:hover { color:#315c50; }
.winter-login-visitor .icon { width:14px; height:14px; }
.winter-login-footer { width:min(1350px,calc(100% - 100px)); margin:0 auto; padding-bottom:28px; display:flex; justify-content:space-between; gap:20px; font-size:10px; color:#8f9c83; }
.winter-login a:focus-visible,.winter-login button:focus-visible,.winter-login input:focus-visible { outline:2px solid #315c50; outline-offset:4px; }
.winter-login-intro,.winter-login-local,.winter-login-demo-note,.winter-login-visitor,.winter-login-field input,.winter-login-form-kicker,.winter-login-footer,.winter-login-season,.winter-login-field>span:first-child small { color:#657260; }
@media(max-width:1100px) {
  .winter-login-header,.winter-login-layout,.winter-login-footer { width:calc(100% - 64px); }
  .winter-login-layout { min-height:670px; }
  .winter-login-story-copy { padding:43px 35px 0; }
  .winter-login-story-copy h2 { font-size:45px; }
  .winter-login-access { padding:43px 32px; }
  .winter-login-form-wrap h1 { font-size:37px; }
  .winter-login-story-foot { padding:22px 30px; gap:10px; }
  .winter-login-season { display:none; }
}
@media(max-width:800px) {
  .winter-login-header,.winter-login-layout,.winter-login-footer { width:calc(100% - 40px); }
  .winter-login-header { min-height:90px; }
  .winter-login-layout { grid-template-columns:1fr; min-height:0; margin-top:3px; }
  .winter-login-story { border-right:0; border-bottom:1px solid #d9dfd2; display:grid; grid-template-columns:1fr 1fr; }
  .winter-login-story-copy { padding:36px 0 34px 32px; }
  .winter-login-story-copy h2 { font-size:40px; margin-top:18px; }
  .winter-login-story-copy p { font-size:12px; margin-top:17px; }
  .winter-login-kicker { font-size:8px; }
  .winter-login-world { min-height:270px; overflow:hidden; }
  .winter-login-world img { min-height:310px; max-height:340px; width:100%; object-position:75% center; }
  .winter-login-world:before { height:auto; width:50%; bottom:0; right:auto; background:linear-gradient(90deg,#e6eee9,transparent); }
  .winter-login-story-foot { grid-column:1 / -1; padding:18px 30px; }
  .winter-login-season { display:block; }
  .winter-login-access { padding:43px 30px 47px; }
  .winter-login-form-wrap { max-width:390px; }
  .winter-login-form-wrap h1 { font-size:38px; }
  .winter-login-form-wrap h1 br { display:none; }
  .winter-login-footer { font-size:9px; }
}
@media(max-width:520px) {
  .winter-login-header,.winter-login-layout,.winter-login-footer { width:calc(100% - 32px); }
  .winter-login-header { min-height:81px; gap:15px; }
  .winter-login-header .brand b { font-size:25px; }
  .winter-login-header .brand small { font-size:5px; }
  .winter-login-back { font-size:10px; gap:5px; }
  .winter-login-back .icon { width:13px; height:13px; }
  .winter-login-layout { border-radius:13px; margin-bottom:25px; }
  .winter-login-story { display:block; }
  .winter-login-story-copy { padding:29px 25px 0; }
  .winter-login-story-copy h2 { font-size:40px; }
  .winter-login-story-copy p { font-size:12px; }
  .winter-login-world { min-height:0; height:180px; margin-top:-4px; }
  .winter-login-world img { min-height:0; max-height:none; height:200px; object-position:70% 80%; }
  .winter-login-world:before { top:0; left:0; right:0; bottom:auto; width:100%; height:55%; background:linear-gradient(#e6eee9,transparent); }
  .winter-login-story-foot { padding:16px 24px; font-size:9px; gap:10px; }
  .winter-login-season { font-size:8px; }
  .winter-login-access { padding:35px 24px 40px; }
  .winter-login-form-icon { width:40px; height:40px; margin-bottom:21px; }
  .winter-login-form-wrap h1 { font-size:35px; }
  .winter-login-form-wrap h1 br { display:block; }
  .winter-login-intro { font-size:12px; }
  .winter-login-field input { font-size:16px; }
  .winter-login-demo-note { font-size:10px; }
  .winter-login-local { font-size:11px; }
  .winter-login-visitor { font-size:11px; }
  .winter-login-footer { flex-direction:column; gap:6px; font-size:9px; padding-bottom:24px; }
}
@media(prefers-reduced-motion:reduce) { .winter-login-submit { transition:none; } }