/* Mizino Auth — Aurora theme (namespaced) */
.aurora .pulse-shell,
.aurora :where(*){ box-sizing:border-box }
.aurora .pulse-container{ width:100% }
.aurora .pulse-grid{ display:grid; grid-template-columns:1fr; gap:18px; align-items:center }
@media (min-width: 992px){
  .aurora .pulse-grid{ grid-template-columns: 1.05fr .95fr; gap:24px }
}
.aurora .pulse-hero{ padding:22px }
.aurora .pulse-badge{ display:inline-flex; gap:8px; align-items:center; background:linear-gradient(135deg,rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.14); color:#b9c6dd; padding:8px 12px; border-radius:999px; font-size:13px; margin-bottom:12px }
.aurora .pulse-title{ font-size:clamp(22px,5.5vw,34px); margin:0 0 8px }
.aurora .pulse-lead{ color:#a7b3cc; font-size:clamp(14px,4vw,16px); margin:0 0 12px }
.aurora .pulse-bullets{ display:flex; flex-wrap:wrap; gap:8px; margin-top:8px }
.aurora .pulse-bullet{ padding:8px 12px; border-radius:999px; background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04)); color:#a7b3cc; font-size:12px; border:1px solid rgba(255,255,255,.10) }

/* Card */
.aurora .pulse-card{
  --aurora-border: 1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(1200px 600px at 100% 0%, rgba(35,82,255,.10), transparent 70%),
    radial-gradient(800px 600px at 0% 100%, rgba(34,211,238,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));
  border:var(--aurora-border);
  border-radius:22px;
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
  padding:20px 20px 18px;
  backdrop-filter: blur(8px);
}
@media (min-width: 576px){
  .aurora .pulse-card{ padding:26px 26px 24px }
}
.aurora .pulse-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px }
.aurora .pulse-head strong{ font-weight:800 }
.aurora .pulse-sub{ margin-top:6px; color:#9fb0cc }

/* Alerts */
.aurora .pulse-alert{ padding:10px 12px; border-radius:14px; margin:10px 0; border:1px solid; font-size:14px }
.aurora .pulse-alert.error{ background:rgba(255,90,122,.10); border-color:rgba(255,90,122,.3); color:#ff98ad }
.aurora .pulse-alert.success{ background:rgba(46,230,166,.10); border-color:rgba(46,230,166,.32); color:#7beec4 }

/* Form */
.aurora .pulse-form{ display:grid; gap:14px }
.aurora .pulse-field{ display:grid; gap:6px }
.aurora .pulse-label{ font-size:13px; color:#c7d5ee }
.aurora .pulse-input{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); color:#eaf2ff;
  border-radius:16px; padding:12px 14px; outline:none; transition:.2s; font-size:15px }
.aurora .pulse-input:focus{ border-color:#67e8f9; box-shadow:0 0 0 3px rgba(103,232,249,.15) }
.aurora .pulse-help{ font-size:12px; color:#9fb0cc }

.aurora .pulse-btn{ border:0; border-radius:999px; padding:12px 16px; font-weight:700; cursor:pointer; font-size:15px }
.aurora .pulse-btn.primary{ background:linear-gradient(90deg,#22d3ee,#60a5fa); color:#07111c }
.aurora .pulse-btn.primary[disabled]{ opacity:.6; cursor:not-allowed }
.aurora .pulse-btn.ghost{ background:transparent; color:#b9c6dd; border:1px dashed rgba(255,255,255,.2) }
.aurora .pulse-link{ background:none; border:0; color:#7bb3ff; padding:0; cursor:pointer; font:inherit; text-decoration:underline; }
.aurora .pulse-meta{ margin-top:6px; font-size:13px; color:#9fb0cc }

/* Steps */
.aurora .steps{ display:flex; gap:10px; align-items:center; margin-bottom:6px }
.aurora .steps .dot{ width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.25) }
.aurora .steps .dot.active{ background:#22d3ee; box-shadow:0 0 0 4px rgba(34,211,238,.18) }

/* OTP */
.aurora .pulse-otp{ direction:ltr; }
.aurora .pulse-otp input{ text-align:center; font-size:22px; padding:12px; border-radius:14px;
  border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06); color:#eaf2ff }
.aurora .otp-layout{ display:grid; gap:16px }

/* Password meter */
.aurora .pw-meter{ height:8px; background:rgba(255,255,255,.10); border-radius:999px; overflow:hidden }
.aurora .pw-meter > i{ display:block; height:100%; width:0%; background:linear-gradient(90deg,#ff5a7a,#22d3ee,#2ee6a6) }
.aurora .pw-tips{ font-size:12px; color:#9fb0cc }
.aurora .field-inline{ display:flex; gap:8px; align-items:center }
.aurora .toggle-eye{ background:transparent; border:1px solid rgba(255,255,255,.2); border-radius:12px; padding:10px 12px; cursor:pointer; color:#c7d5ee }

/* --- v1.3 Back-to-login button upgrade --- */
.aurora .pulse-actions{ margin-top:10px; display:flex; flex-wrap:wrap; gap:10px }
.aurora .pulse-btn.secondary{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));
  color:#cfe3ff;
  border:1px solid rgba(103,232,249,.28);
  box-shadow: 0 6px 20px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.05);
  backdrop-filter: blur(6px);
  display:inline-flex; align-items:center; gap:8px;
  padding:11px 14px; border-radius:14px;
  transition: transform .08s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
  text-decoration:none;
}
.aurora .pulse-btn.secondary:hover{
  background:linear-gradient(180deg, rgba(103,232,249,.10), rgba(96,165,250,.10));
  border-color: rgba(103,232,249,.45);
  box-shadow: 0 8px 26px rgba(0,0,0,.28), inset 0 0 0 1px rgba(103,232,249,.18);
}
.aurora .pulse-btn.secondary:active{ transform: translateY(1px) }
.aurora .pulse-btn.secondary svg{ width:18px; height:18px; display:inline-block }