/* MERQUAN old login column — scoped under #mq-auth-col so it cannot collide
   with the new React landing styles. Lives inside the V2 slide-out drawer. */
#mq-auth-col{
  --accent-blu:#00b4d8; --accent-cyn:#00e5ff; --accent-grn:#00e676; --accent-red:#f44336;
  --text-hi:#ffffff; --text-mid:#b8d4e8; --text-dim:#7f9ba8;
  --glass-border:rgba(0,229,255,0.15);
  color:var(--text-hi);
  font-family:'Inter','Rajdhani',system-ui,sans-serif;
}
#mq-auth-col *, #mq-auth-col *::before, #mq-auth-col *::after{ box-sizing:border-box; }
#mq-auth-col .form-container{ width:100%; max-width:100%; }
#mq-auth-col .form-hero-image{
  display:block; width:100%; max-width:100%; max-height:329px; height:auto;
  object-fit:contain; object-position:center; border-radius:8px;
  box-shadow:0 0 30px rgba(0,229,255,0.2); margin:0 auto 16px;
}
#mq-auth-col .notice-banner{
  padding:12px 16px; border:1px solid rgba(244,67,54,0.3);
  background:rgba(244,67,54,0.05); border-radius:6px; margin-bottom:30px;
}
#mq-auth-col .tabs{ display:flex; margin-bottom:30px; border-bottom:1px solid var(--glass-border); }
#mq-auth-col .tab{
  flex:1; text-align:center; padding:16px; font-family:'Orbitron',monospace;
  font-size:13px; font-weight:700; color:var(--text-dim); cursor:pointer;
  letter-spacing:2px; text-transform:uppercase; transition:all .3s;
  border-bottom:2px solid transparent;
}
#mq-auth-col .tab.active{
  color:var(--accent-cyn); border-bottom:2px solid var(--accent-cyn);
  background:linear-gradient(0deg, rgba(0,229,255,0.05), transparent);
}
#mq-auth-col .tab-content{ display:none; animation:mqFadeIn .4s ease-out; }
#mq-auth-col .tab-content.active{ display:block; }
#mq-auth-col .field{ margin-bottom:20px; }
#mq-auth-col .field label{
  display:block; font-family:'Orbitron',monospace; font-size:10px; letter-spacing:2px;
  text-transform:uppercase; color:var(--text-mid); margin-bottom:8px;
}
#mq-auth-col .field input[type="text"],
#mq-auth-col .field input[type="email"],
#mq-auth-col .field input[type="password"]{
  width:100%; background:rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.1);
  color:var(--text-hi); font-family:'Inter',sans-serif; font-size:15px;
  padding:14px 16px; border-radius:6px; outline:none; transition:all .3s;
}
#mq-auth-col .field input:focus{
  border-color:var(--accent-cyn); background:rgba(0,0,0,0.6);
  box-shadow:0 0 15px rgba(0,229,255,0.15);
}
#mq-auth-col .field input::placeholder{ color:rgba(255,255,255,0.3); }
#mq-auth-col .field-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
#mq-auth-col .btn-submit{
  width:100%;
  background:linear-gradient(135deg, rgba(0,229,255,0.1), rgba(0,180,216,0));
  border:1px solid var(--accent-cyn); color:var(--accent-cyn);
  font-family:'Orbitron',monospace; font-size:13px; font-weight:700; letter-spacing:4px;
  text-transform:uppercase; padding:16px; margin-top:10px; border-radius:6px;
  cursor:pointer; transition:all .3s; box-shadow:0 0 20px rgba(0,229,255,0.1);
}
#mq-auth-col .btn-submit:hover{
  background:rgba(0,229,255,0.15); box-shadow:0 0 40px rgba(0,229,255,0.3);
  color:#fff; transform:translateY(-2px);
}
#mq-auth-col .btn-submit.grn{
  border-color:var(--accent-grn); color:var(--accent-grn);
  box-shadow:0 0 20px rgba(0,230,118,0.1);
}
#mq-auth-col .btn-submit.grn:hover{
  background:rgba(0,230,118,0.15); box-shadow:0 0 40px rgba(0,230,118,0.4); color:#fff;
}
#mq-auth-col .btn-submit.mt-1{ margin-top:10px; }
#mq-auth-col .risk-box{
  margin-top:24px; border:1px solid rgba(255,255,255,0.1);
  background:rgba(0,0,0,0.3); border-radius:6px; overflow:hidden;
}
#mq-auth-col .risk-header{
  background:rgba(244,67,54,0.1); padding:12px 16px; font-family:'Orbitron',monospace;
  font-size:10px; letter-spacing:2px; color:var(--accent-red); font-weight:700;
  display:flex; align-items:center; gap:8px;
}
#mq-auth-col .risk-content{
  padding:16px; max-height:150px; overflow-y:auto; font-family:'Inter',sans-serif;
  font-size:11px; color:var(--text-dim); line-height:1.6;
}
#mq-auth-col .risk-content strong{ color:var(--text-mid); }
#mq-auth-col .risk-content p{ margin-bottom:10px; }
#mq-auth-col .risk-content::-webkit-scrollbar{ width:6px; }
#mq-auth-col .risk-content::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.2); border-radius:3px; }
#mq-auth-col .risk-agree{
  padding:14px 16px; border-top:1px solid rgba(255,255,255,0.1);
  display:flex; align-items:flex-start; gap:12px;
}
#mq-auth-col .risk-agree input[type="checkbox"]{ width:16px; height:16px; accent-color:var(--accent-cyn); margin-top:2px; }
#mq-auth-col .risk-agree label{ font-family:'Inter',sans-serif; font-size:11px; color:var(--text-mid); cursor:pointer; line-height:1.4; }
@keyframes mqFadeIn{ from{ opacity:0; } to{ opacity:1; } }