
.login-page{min-height:100vh;background:radial-gradient(ellipse at 5% 45%,#33239c30,transparent 50%),#07112f;font-size:16px}
.login-nav{max-width:1440px;margin:auto;padding:32px 60px;display:flex;align-items:center;justify-content:space-between}.back-home{font-size:13px;color:#b8c1e0;display:flex;gap:12px;align-items:center}.back-home:hover{color:white}.back-home span{font-size:19px}
.login-layout{max-width:1320px;min-height:690px;margin:15px auto 35px;display:grid;grid-template-columns:1.05fr 1fr;gap:70px;padding:0 40px;align-items:center}
.login-story{position:relative;min-height:700px;align-self:stretch;border:1px solid #4055a866;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 90% 65%,#4c2bff55,transparent 65%),linear-gradient(145deg,#101c4a,#07112f)}
.story-copy{position:relative;z-index:2;padding:43px 42px 0}.story-copy .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:24px}.story-copy h1{font-size:clamp(40px,4vw,58px);line-height:1.13;letter-spacing:-.055em;font-weight:600}.story-copy em{font-style:normal;background:linear-gradient(110deg,#fff0b1,#ff9b59 55%,#ff5340);background-clip:text;-webkit-background-clip:text;color:transparent}.story-copy>p:last-child{margin-top:20px;font-size:15px;line-height:1.8}
.login-art{position:absolute;inset:220px 0 0;pointer-events:none}.login-planet{position:absolute;inset:0;background:url('../images/cta-space-clean.png') 65% center/cover;mask-image:linear-gradient(transparent,#000 45%);-webkit-mask-image:linear-gradient(transparent,#000 45%);opacity:.9}.login-rocket{position:absolute;width:190px;right:25px;top:45px;filter:drop-shadow(0 0 22px #ff6a2b33);animation:login-float 7s ease-in-out infinite}.orbit-note{position:absolute;bottom:123px;left:40px;display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.13em;color:#dce3ff}.orbit-note>span{width:5px;height:5px;background:#ff9b59;border-radius:50%;box-shadow:0 0 12px #ff6a2b}
.story-stats{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);padding:25px 32px;background:#07112fcf;backdrop-filter:blur(14px);border-top:1px solid #7187e033;gap:15px}.story-stats>div+div{border-left:1px solid #7187e033;padding-left:20px}.story-stats strong{font-family:var(--display);font-size:25px;font-weight:600;display:block;letter-spacing:-.04em}.story-stats span{font-size:10px;color:#b8c1e0;display:block;margin-top:3px;white-space:nowrap}
.login-panel{max-width:470px;width:100%;justify-self:center;padding:15px 0}.login-card{padding:36px;border:1px solid #4055a887;border-radius:24px;background:linear-gradient(145deg,#101c4a99,#0c173c99);box-shadow:inset 0 1px 0 #ffffff0d,0 24px 80px #02071944}.card-eyebrow{font-size:9px;letter-spacing:.14em;color:#b8c1e0;display:flex;align-items:center;gap:10px;margin-bottom:18px}.card-eyebrow .status-dot{width:5px;height:5px}.login-card h2{font-size:34px;letter-spacing:-.045em}.login-intro{font-size:14px;margin-top:9px}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid #4055a866;border-radius:11px;background:#07112f99;margin-top:27px}.account-tabs button{border:1px solid transparent;background:none;color:#a9b4d6;border-radius:7px;padding:10px;font-size:13px;font-weight:600;cursor:pointer}.account-tabs button[aria-selected=true]{background:linear-gradient(120deg,#2447ff44,#7c3cff3b);color:white;border-color:#7187e080;box-shadow:inset 0 1px 0 #ffffff14}.account-description{font-size:12px;margin:15px 0 24px}
#login-form label{display:block;font-size:12px;font-weight:600;margin-bottom:8px;color:#e1e6f8}#login-form input{width:100%;border:1px solid #4055a880;border-radius:10px;background:#07112f99;color:#fff;padding:14px 15px;font:14px var(--body);min-height:49px;transition:border-color .2s,box-shadow .2s}#login-form input::placeholder{color:#7f8aac}#login-form input:focus{outline:none;border-color:#8b9fff;box-shadow:0 0 0 3px #2447ff26}.password-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.password-label a{font-size:11px;color:#b3bfff;margin-bottom:8px}.password-label a:hover{color:white}.password-field{position:relative}.password-field input{padding-right:52px!important}.password-toggle{position:absolute;right:4px;top:4px;bottom:4px;width:43px;border:0;border-radius:7px;display:grid;place-items:center;color:#aab6d9;background:transparent;cursor:pointer}.password-toggle:hover{background:#2447ff22;color:#fff}.password-toggle svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6}.password-toggle[aria-pressed=true]{color:#ff9b59}.login-submit{width:100%;margin-top:26px;min-height:50px;font-size:14px;cursor:pointer;box-shadow:inset 0 1px 0 #fff4b866,0 7px 24px #ff6a2b22;transition:transform .25s,box-shadow .25s}.login-submit:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff6a2b44}.login-submit>span:last-child{font-size:21px;line-height:1}.login-feedback{margin-top:16px;padding:14px;border:1px solid #7187e066;border-radius:10px;background:#2447ff16;font-size:12px}.portal-link{display:inline-block;margin-top:9px;color:#c6d4ff;text-decoration:underline;text-underline-offset:3px}.signup-copy{text-align:center;font-size:12px;margin-top:23px}.signup-link{color:#ffad7c;font-weight:600;margin-left:5px}.signup-link:hover{color:#ffd3a9}.login-support{display:flex;align-items:center;gap:12px;border-top:1px solid #4055a84d;padding-top:23px;margin-top:27px}.support-symbol{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #7187e044;border-radius:10px;background:#2447ff18;color:#b7a5ff;font-size:24px}.login-support strong{font-size:11px;font-weight:600;display:block}.login-support p{font-size:10px;margin-top:3px}.login-support>a{margin-left:auto;font-size:21px;color:#b8c1e0;padding:5px}.login-security{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#8492bb;margin-top:19px}.login-security svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.4}
.login-footer{max-width:1320px;margin:auto;padding:22px 40px 30px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8492bb}.login-footer>div{display:flex;gap:25px}.login-footer a:hover{color:#fff}
@keyframes login-float{0%,100%{transform:translate(-3px,-6px)}50%{transform:translate(5px,8px)}}
@media(min-width:1500px){.login-layout{margin-top:35px}}
@media(max-width:1100px){.login-layout{gap:30px;padding:0 30px}.login-nav{padding:28px 30px}.story-copy{padding:34px 30px 0}.story-copy h1{font-size:43px}.story-copy>p:last-child br{display:none}.login-card{padding:28px}.story-stats{padding:24px 20px;gap:8px}.story-stats>div+div{padding-left:12px}.story-stats strong{font-size:22px}.story-stats span{font-size:9px}.orbit-note{left:30px}.login-rocket{width:155px;right:12px;top:90px}}
@media(max-width:767px){.login-nav{padding:24px}.login-nav .brand{font-size:24px}.back-home{font-size:11px;gap:7px}.login-layout{display:block;min-height:auto;padding:0 20px;margin:12px auto 10px;max-width:520px}.login-story{display:none}.login-panel{max-width:none;padding:0}.login-card{padding:30px 25px;border-radius:22px}.login-card h2{font-size:32px}.login-footer{flex-direction:column;align-items:center;text-align:center;padding:25px 20px;gap:13px}.login-footer>div{gap:23px}.login-security{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.login-rocket{animation:none}.login-submit:hover{transform:none}}

/* Project brief uses the established inquiry card design. */
#login-form{margin-top:24px}#login-form label:not(:first-child){margin-top:18px}
#login-form select,#login-form textarea{width:100%;border:1px solid #4055a880;border-radius:10px;background:#07112f;color:#fff;padding:14px 15px;font:14px var(--body);line-height:1.5;color-scheme:dark}
#login-form textarea{resize:vertical;min-height:130px}#login-form select:focus,#login-form textarea:focus{outline:2px solid #8b9fff;outline-offset:2px}
