/* Dedicated login surface. No imports, remote fonts, images or analytics. */
:root{font-family:Inter,"Segoe UI",Arial,"Microsoft YaHei",sans-serif;color:#18362f;background:#f7f8f5;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:wait}button,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #62957d;outline-offset:3px}svg{display:block;max-width:100%}
.login-wrap{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr)}
.login-story{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:48px clamp(36px,5vw,86px) 34px;color:#f6f7ef;background:radial-gradient(ellipse at 68% 55%,#244a3d 0,transparent 64%),#122f27;isolation:isolate}
.login-story:after{content:"";position:absolute;z-index:-1;inset:0;border:1px solid #b8d1bf10;background:linear-gradient(130deg,#ffffff03,transparent 45%);pointer-events:none}
.brand-login{display:flex;gap:13px;align-items:center;letter-spacing:.15em;font-size:21px;font-weight:650;line-height:1.2}.login-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #94b7a756;border-radius:2px;color:#ddceab;flex:none}.login-mark svg{width:30px;height:30px}.login-edition{display:block;letter-spacing:.24em;font-size:9px;font-weight:500;color:#a6beb0;margin-top:7px}
.login-story-copy{margin-top:clamp(60px,9vh,108px);position:relative;z-index:1;max-width:530px}.login-eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:650;line-height:1.8;margin:0;color:#bfcdb6}.login-story h1{font-size:clamp(32px,3.45vw,54px);font-weight:450;letter-spacing:-.045em;line-height:1.28;margin:19px 0 22px;text-wrap:balance}.login-intro{color:#b1c5b9;font-size:14px;line-height:1.95;max-width:430px;margin:0}
.login-network{margin:22px -34px -12px;opacity:.95;max-width:680px}.login-network svg{width:100%;height:auto}.login-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 40px;padding:0}.login-steps li{border-top:1px solid #b5cbb32a;padding-top:18px;display:grid;gap:9px;align-content:start}.login-steps span{font-size:10px;letter-spacing:.1em;color:#cfba88;font-variant-numeric:tabular-nums}.login-steps b{font-size:11px;line-height:1.8;font-weight:450;color:#d0ded3}.login-story-footer{margin:auto 0 0;font-size:10px;color:#87a394;line-height:1.8}
.login-entry{min-width:0;padding:35px clamp(28px,5vw,86px) 27px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 100% 0,#eff2e9 0,transparent 50%),#f9faf7}.login-language{display:flex;align-items:center;gap:12px;align-self:flex-end;max-width:100%;flex-wrap:wrap;margin-bottom:58px}.login-language label{color:#596c5c;font-size:11px}.login-language select{border:1px solid #dce3da;border-radius:6px;min-height:44px;max-width:100%;background:#fff9;padding:8px 12px;color:#314b3f;font-size:11px}
.login-card{width:min(386px,100%);margin:auto 0;background:transparent;min-width:0}.login-access-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #dce5d9;color:#3c6551;background:#f1f5ed;border-radius:10px;margin-bottom:25px}.login-access-mark svg{width:23px;height:23px}.login-card .login-eyebrow{color:#58734e;font-size:10px;letter-spacing:.17em;margin-bottom:13px}.login-card h2{font-size:34px;font-weight:550;line-height:1.3;letter-spacing:-.035em;margin:0 0 10px;color:#183b2e}.login-card-intro{font-size:14px;line-height:1.9;color:#607166;margin:0 0 35px}
.login-card form{display:grid;gap:22px}.login-field{display:grid;gap:9px;min-width:0}.login-card label{font-size:12px;font-weight:650;color:#405447;line-height:1.6}.login-card input{width:100%;min-width:0;min-height:49px;border:1px solid #dbe2d8;border-radius:7px;padding:12px 14px;background:#fff;color:#213e30;font-size:16px;line-height:1.4;box-shadow:0 1px 2px #193b2910}.login-card input::placeholder{font-size:12px;color:#657565}.login-card input:hover{border-color:#b2c4b4}.login-password{display:flex;align-items:stretch;position:relative;min-width:0;gap:7px}.login-password input{flex:1;min-width:0}.login-password button{max-width:105px;flex:0 1 auto;border:1px solid #dbe2d8;border-radius:7px;background:#f0f4ed;color:#476450;font-size:10px;font-weight:550;padding:8px 10px;line-height:1.5;min-height:44px;overflow-wrap:anywhere}.login-password button:hover{background:#e7eee2}
.login-card #signInButton{width:100%;min-height:50px;margin-top:4px;background:#244e37;color:#fff;border:1px solid #244e37;border-radius:7px;font-size:14px;font-weight:600;letter-spacing:.025em;box-shadow:0 5px 12px #244e3712;transition:background .15s}.login-card #signInButton:hover{background:#183d2a}.login-card #signInButton:disabled{opacity:.6}.login-card #err{font-size:12px;line-height:1.8;color:#9a3730;margin:15px 0 0;overflow-wrap:anywhere}.login-card #err:empty{display:none}.login-help{font-size:12px;line-height:1.9;color:#617060;border-top:1px solid #e1e7dc;padding-top:23px;margin:29px 0 0}.login-entry-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px 14px;margin:60px 0 0;font-size:11px;color:#637460;text-align:center;line-height:1.9}.login-entry-footer>span:first-child{font-size:10px;letter-spacing:.15em;color:#596e54}
[dir=rtl] .login-story h1,[dir=rtl] .login-card h2{letter-spacing:normal}[dir=rtl] .login-eyebrow{letter-spacing:normal}
@media(min-width:1500px){.login-wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.login-story{padding-inline:8vw}.login-network{margin-inline:-52px}.login-entry{padding-inline:6vw}}
@media(max-width:900px){.login-story{padding:36px 30px 28px}.login-entry{padding-inline:30px}.login-story h1{font-size:34px}.login-steps{gap:12px}.login-story-copy{margin-top:64px}.login-network{margin-inline:-28px}.login-language{margin-bottom:45px}}
@media(max-width:680px){.login-wrap{display:flex;flex-direction:column}.login-story{padding:25px max(24px,env(safe-area-inset-left)) 29px;min-height:0}.brand-login{font-size:18px;gap:11px}.login-mark{width:36px;height:36px}.login-mark svg{width:26px;height:26px}.login-edition{font-size:8px;margin-top:5px}.login-story-copy{margin-top:28px;max-width:520px}.login-story .login-eyebrow{font-size:8px;letter-spacing:.14em}.login-story h1{font-size:29px;max-width:420px;margin:12px 0 0;line-height:1.4}.login-intro,.login-network,.login-steps,.login-story-footer{display:none}.login-entry{padding:23px max(24px,env(safe-area-inset-right)) max(23px,env(safe-area-inset-bottom))}.login-language{margin-bottom:29px;gap:10px}.login-language label{font-size:10px}.login-language select{font-size:11px;min-height:44px}.login-card{margin:0;width:min(410px,100%)}.login-access-mark{display:none}.login-card .login-eyebrow{margin-bottom:9px}.login-card h2{font-size:28px}.login-card-intro{margin-bottom:25px}.login-card form{gap:19px}.login-help{margin-top:25px;padding-top:19px}.login-entry-footer{margin-top:32px}.login-password button{max-width:92px;font-size:10px}}
@media(max-width:360px){.login-story{padding-inline:20px}.login-entry{padding-inline:20px}.login-story h1{font-size:26px}.login-language{gap:8px}.login-card h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
