/* Login section shares the ground station's night-sky visual language. */
#webAccess{position:relative;isolation:isolate;display:block;overflow:hidden;min-height:850px;padding:0;color:#eaf0ff;background:radial-gradient(ellipse at 26% 69%,#15347066,transparent 48%),radial-gradient(ellipse at 91% 8%,#18305b40,transparent 40%),#080d17}
#webAccess .access-visual{position:absolute;inset:0;z-index:-1;pointer-events:none}
#webAccess canvas{width:100%;height:100%;display:block}
#webAccess .access-shell{max-width:1600px;min-height:850px;margin:auto;padding:34px 5% 22px;display:flex;flex-direction:column}
#webAccess .access-brand{display:flex;align-items:center;gap:22px;color:#91a3c2;font-size:11px;letter-spacing:2px;line-height:1.8}
#webAccess .access-brand strong{font:bold italic 34px Arial,sans-serif;letter-spacing:-2px;color:#559cff}
#webAccess .access-brand span{border-left:1px solid #729fff26;padding-left:20px}
#webAccess .access-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:8%;align-items:center;padding:54px 0 80px}
#webAccess .access-copy{align-self:start;padding-top:35px}
#webAccess .access-eyebrow{font:11px Consolas,monospace;letter-spacing:3px;color:#769fff}
#webAccess .access-copy h2{font-size:clamp(40px,4.2vw,66px);font-weight:600;line-height:1.22;letter-spacing:3px;margin:25px 0 18px}
#webAccess .access-copy h2 span{background:linear-gradient(110deg,#e6f1ff 5%,#7ea9ff 58%,#62c4ed);background-clip:text;color:transparent}
#webAccess .access-copy p{font-size:13px;line-height:1.9;color:#a1b4d0}
#webAccess .access-features{display:flex;flex-wrap:wrap;gap:22px;margin-top:24px;font-size:11px;color:#94a7c7}
#webAccess .access-features span::before{content:'+';color:#709aff;margin-right:8px}
#webAccess .access-card{padding:33px 32px 25px;border:1px solid #6b92d02b;border-radius:16px;background:linear-gradient(145deg,#19253ac9,#101a2bdd 48%,#0d1420eb);box-shadow:0 28px 85px #0005;backdrop-filter:blur(20px)}
#webAccess .access-tag,#webAccess .access-card-foot{display:flex;justify-content:space-between;gap:12px;color:#7191c5;font:9px Consolas,monospace;letter-spacing:2px;margin-bottom:30px}
#webAccess .access-card h2{font-size:25px;font-weight:500;margin:0 0 10px}
#webAccess .access-intro{font-size:12px;color:#8496b4;margin:0 0 28px;line-height:1.8}
#webAccess #loginForm{display:flex;flex-direction:column;align-items:stretch;gap:20px}
#webAccess #loginForm label{width:100%;min-width:0;gap:8px;font-size:11px;color:#b0bdd4}
#webAccess input{width:100%;height:46px;background:#080f1d80;border-color:#33435d;color:#eaf0ff}
#webAccess input:focus{border-color:#769fff;box-shadow:0 0 0 3px #648fff13}
#webAccess .login-submit{margin-top:14px;display:flex;align-items:center;justify-content:space-between;width:100%;height:46px;border:1px solid #84a6ff;border-radius:7px;background:linear-gradient(110deg,#4c79e8,#7195ff);color:white}
#webAccess .login-submit:hover{background:#739bff}#webAccess .login-submit svg{width:20px;height:20px}
#webAccess .access-note{font-size:10px;line-height:1.8;color:#7f92b1;margin:24px 0}
#webAccess .access-card-foot{border-top:1px solid #729fff12;padding-top:18px;margin:0;letter-spacing:1px}
#webAccess .access-footer{display:flex;justify-content:space-between;border-top:1px solid #729fff12;padding-top:20px;color:#58708f;font:9px Consolas,monospace}
@media(max-width:900px){#webAccess .access-main{gap:4%;grid-template-columns:minmax(0,1fr) 340px}#webAccess .access-copy h2{font-size:36px}#webAccess .access-card{padding:28px 24px}}
@media(max-width:680px){#webAccess,#webAccess .access-shell{min-height:740px}#webAccess .access-main{display:flex;justify-content:center;padding:40px 0 70px}#webAccess .access-copy{display:none}#webAccess .access-card{width:100%;max-width:390px}#webAccess .access-brand{gap:14px}#webAccess .access-brand span{padding-left:14px}}