:root{
  font-family:Inter,Segoe UI,Arial,sans-serif;
  color:#edf3ff;
  background:#060b13;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:linear-gradient(145deg,#07101d,#0c1728 55%,#080d16);overflow-x:hidden}
button,input,select,textarea{font:inherit}
.ambient{position:fixed;border-radius:999px;filter:blur(100px);opacity:.18;pointer-events:none}
.a1{width:520px;height:520px;background:#287bff;left:-180px;top:-170px}
.a2{width:440px;height:440px;background:#6e54ff;right:-160px;bottom:-140px}
.shell{position:relative;z-index:1;width:min(1180px,92vw);margin:0 auto;min-height:100vh;padding:34px 0;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#327cff,#7259ff);font-weight:800;font-size:1.25rem;box-shadow:0 10px 30px rgba(46,110,255,.25)}
.brand strong,.brand span{display:block}
.brand span{font-size:.72rem;letter-spacing:.1em;color:#8192aa;text-transform:uppercase;margin-top:2px}
.login-wrap{flex:1;display:grid;place-items:center;padding:45px 0}
.login-card{width:min(460px,100%);padding:36px;background:rgba(15,24,39,.88);border:1px solid rgba(135,166,208,.18);border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.38);backdrop-filter:blur(18px)}
.eyebrow{letter-spacing:.19em;font-size:.72rem;color:#76a8ff;font-weight:700}
h1{font-size:clamp(2.2rem,6vw,4.1rem);line-height:.98;margin:12px 0 20px}
.lead,#accountLine{color:#94a5bc;line-height:1.65}
label{display:grid;gap:8px;margin:14px 0;color:#c5d0df}
input,select,textarea{width:100%;padding:12px 13px;border-radius:11px;border:1px solid #30425b;background:#091320;color:#f5f8ff}
textarea{resize:vertical}
button,.link{border:0;border-radius:11px;padding:12px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;color:white}
.primary{background:linear-gradient(135deg,#2d7aff,#6757ff);font-weight:700;width:100%}
.ghost{background:#18263a;border:1px solid #30435d}
.message,.feedback-message{min-height:1.4em;color:#ff98a4}
.security{margin-top:23px;padding-top:20px;border-top:1px solid #25344a;color:#8192a9;font-size:.82rem}
.security span{color:#70e5a3}
.hidden{display:none!important}
.portal{flex:1;padding:60px 0}
.portal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px}
.portal-head h1{font-size:clamp(2rem,5vw,3.8rem);margin:.2rem 0}
.pilot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:20px}
.pilot-card,.empty{padding:25px;border-radius:22px;background:rgba(15,25,41,.9);border:1px solid #263a55;box-shadow:0 20px 65px rgba(0,0,0,.23)}
.pilot-top{display:flex;justify-content:space-between;gap:20px}
.pilot-key{font-family:ui-monospace,monospace;color:#77aaff;font-size:.78rem}
.pilot-card h2{font-size:1.6rem;margin:.45rem 0}
.product{color:#93a5bd}
.status{height:max-content;padding:6px 10px;border-radius:999px;background:#253852;text-transform:uppercase;font-size:.68rem;letter-spacing:.08em}
.status.active{background:#154e37;color:#83eab6}
.status.paused{background:#5a431a;color:#ffd67b}
.caps{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}
.caps span{font-size:.76rem;background:#17263a;border:1px solid #2c425f;border-radius:999px;padding:6px 9px}
dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
dl div{padding:10px;background:#0c1624;border-radius:10px}
dt{font-size:.68rem;color:#7589a4;text-transform:uppercase}
dd{margin:4px 0 0;font-size:.83rem}
.actions{margin:20px 0}
.actions .link{width:100%;background:linear-gradient(135deg,#2d7aff,#6757ff);font-weight:700}
.not-ready{display:block;text-align:center;color:#8394aa;padding:12px}
details{border-top:1px solid #26384f;padding-top:17px;margin-top:18px}
summary{cursor:pointer;font-weight:700}
.feedback-form{margin-top:15px}
.feedback-form button{background:#263b58}
.good{color:#75e5a9!important}.bad{color:#ff98a4!important}
.welcome-text,.support{color:#a8b7ca;line-height:1.55}
.support{font-size:.86rem;border-top:1px solid #24364d;padding-top:15px}
footer{color:#65758a;font-size:.78rem;text-align:center;padding-top:30px}
@media(max-width:650px){
  .login-card{padding:25px}
  .portal-head{display:block}
  .portal-head button{margin-top:15px}
  dl{grid-template-columns:1fr}
}