/*111: Figma2:398-derived Tilda, navy/white,14px panels and #0058ff pill.
  Ecosystem is a new responsive composition; existing navigation SVGs retained. */
#auth{grid-template-columns:minmax(0,720px) minmax(300px,380px);grid-template-areas:"intro login" "ecosystem login";justify-content:center;align-content:center;gap:30px 48px;padding:56px 40px;background:#071225}
#auth[hidden]{display:none}
#auth .welcome{grid-area:intro;min-height:0;padding:0;background:none;display:block}
#auth .welcome .brand{margin-bottom:30px}
#auth .welcome>.eyebrow{font-size:12px;color:#b7caff;margin:0;letter-spacing:2px}
#auth .welcome h1{font-size:clamp(40px,4.2vw,60px);line-height:1.06;font-weight:600;letter-spacing:-1.5px;margin:18px 0}
#auth .welcome h1 span{color:#8ab2ff}
#auth .welcome>p:not(.eyebrow){font-size:19px;line-height:1.5;color:#e3e9f5;margin:0;max-width:560px}
#auth .login{grid-area:login;width:100%;margin:0;align-self:center;justify-self:stretch;border-radius:14px;padding:30px;background:#fff}
#auth .login h2{font-size:28px;margin:0 0 12px;line-height:1.2}
#auth .login .muted{font-size:16px;line-height:1.5;margin:0 0 22px;color:#52647c}
#auth .login label{font-size:14px}
#auth .login input{min-height:46px;border-color:#7486a0;font-size:16px}
#auth .login button{min-height:44px;font-size:16px;line-height:1.3;transform:none}
#auth .login .primary{background:#0058ff;border-radius:30px;margin-top:18px}
#auth .login .primary:hover{background:#174ac1}
#auth #toggleAuth{width:100%;white-space:normal;margin-top:10px;color:#174ac1}
#auth :is(input,button):focus-visible{outline:3px solid #0058ff;outline-offset:3px}
#auth #authMsg{font-size:15px;line-height:1.5;margin:12px 0 0;overflow-wrap:anywhere}
#auth #authMsg:empty{margin:0}
#auth .landing-ecosystem{grid-area:ecosystem;min-width:0}
#auth .landing-ecosystem h2{color:#e3e9f5;font-size:18px;font-weight:600;margin:0 0 14px}
#auth .ecosystem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#auth .ecosystem-grid article{border:1px solid #344861;border-radius:14px;background:#101e36;padding:18px;min-width:0}
#auth .ecosystem-grid .nav-icon{display:block;width:24px;height:24px;color:#9cbcff;margin-bottom:12px}
#auth .ecosystem-grid h3{font-size:18px;line-height:1.2;font-weight:600;margin:0 0 8px;color:#fff}
#auth .ecosystem-grid p{font-size:15px;line-height:1.45;color:#e3e9f5;margin:0}
#auth .ecosystem-access{font-size:14px;line-height:1.5;margin:14px 0 0;color:#b7caff}
@media(max-width:1000px){#auth{grid-template-columns:minmax(0,1fr) minmax(280px,340px);padding:40px 24px;gap:24px}#auth .ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#auth .login{padding:26px}}
@media(max-width:760px){#auth{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "login" "ecosystem";padding:32px 20px;gap:28px}#auth .welcome h1{font-size:44px;letter-spacing:-1px}#auth .welcome .brand{margin-bottom:24px}#auth .welcome>p:not(.eyebrow){font-size:18px}#auth .login{padding:24px}#auth .ecosystem-grid article{padding:16px}#auth .ecosystem-grid h3{font-size:18px}}
@media(max-width:360px){#auth .welcome h1{font-size:38px}#auth .ecosystem-grid{grid-template-columns:1fr}#auth .login{padding:20px}}