/* Profilely — Auth pages (login, signup, forgot, reset, verify) */

/* Two-column shell */
.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff}
@media (max-width:900px){.auth-shell{grid-template-columns:1fr}}

/* Left panel */
.auth-left{background:var(--bg-2);border-right:1px solid var(--line);padding:40px;
  display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
@media (max-width:900px){.auth-left{display:none}}
.auth-left::before{content:"";position:absolute;top:-160px;left:-100px;width:600px;height:500px;
  pointer-events:none;background:radial-gradient(closest-side,rgba(99,102,241,.14),transparent 70%)}
.auth-logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15.5px;
  letter-spacing:-.015em;color:var(--ink);text-decoration:none;position:relative;z-index:2}
.auth-logo__mark{width:28px;height:28px;border-radius:8px;
  background:linear-gradient(135deg,#818cf8,#6366f1);display:grid;place-items:center;flex:none}
.auth-logo__mark svg{width:14px;height:14px;color:#fff}
.auth-quote{margin-top:auto;padding-top:60px;position:relative;z-index:2}
.auth-quote blockquote{margin:0 0 18px;font-size:22px;line-height:1.4;letter-spacing:-.02em;
  color:var(--ink);font-weight:500}
.auth-quote cite{font-style:normal;font-size:14px;color:var(--muted)}
.auth-quote cite strong{color:var(--ink);font-weight:600}

/* Right panel */
.auth-right{padding:48px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center}
@media (max-width:600px){.auth-right{padding:32px 20px}}
.auth-card{width:100%;max-width:440px}
.auth-card h1{font-size:26px;letter-spacing:-.025em;margin:0 0 8px;font-weight:800;color:#0a0a0f;line-height:1.15}
.auth-card .sub{color:#6b7280;font-size:14.5px;margin:0 0 28px;line-height:1.5}
.auth-card .sub a{color:#4f46e5;font-weight:600;text-decoration:none}
.auth-card .sub a:hover{text-decoration:underline}

/* Fields */
.auth-card .field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.auth-card .field label{font-size:13.5px;font-weight:600;color:#0a0a0f}
.auth-card .field input[type=text],
.auth-card .field input[type=email],
.auth-card .field input[type=password],
.auth-card .field input[type=url]{
  width:100%;padding:11px 13px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;
  font:inherit;font-size:14.5px;color:inherit;transition:.15s;font-family:inherit}
.auth-card .field input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.14)}
.auth-card .field .help{font-size:12.5px;color:#9ca3af;line-height:1.5}

/* Notices */
.auth-notice{background:#eef2ff;border:1px solid #e0e7ff;border-radius:10px;padding:14px 16px;
  font-size:13.5px;color:#4f46e5;display:flex;gap:10px;align-items:flex-start;
  margin-bottom:22px;line-height:1.55}
.auth-notice svg{width:16px;height:16px;flex:none;margin-top:2px}
.auth-notice strong{font-weight:700}

.auth-alert{background:#fef3f2;border:1px solid #fecdca;border-radius:10px;padding:13px 16px;
  font-size:13.5px;color:#b42318;display:flex;gap:10px;align-items:flex-start;
  margin-bottom:22px;line-height:1.5}
.auth-alert svg{width:16px;height:16px;flex:none;margin-top:2px}

/* Divider */
.auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:#9ca3af;
  font-size:12.5px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:#e8eaee}

/* Captcha placeholder */
.auth-captcha{background:#fafbfc;border:1px dashed #d8dbe2;border-radius:10px;
  padding:16px;text-align:center;font-size:12.5px;color:#9ca3af;margin-bottom:18px;
  letter-spacing:.04em;text-transform:uppercase;font-weight:600;min-height:70px;
  display:grid;place-items:center}

/* Checkbox */
.auth-checkbox{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#1a1a24;
  margin:16px 0;line-height:1.55;cursor:pointer}
.auth-checkbox input{margin-top:2px;accent-color:#6366f1;flex:none;width:16px;height:16px}
.auth-checkbox a{color:#4f46e5;font-weight:600;text-decoration:none}
.auth-checkbox a:hover{text-decoration:underline}

/* Footer */
.auth-bottom{text-align:center;font-size:14px;color:#6b7280;margin-top:22px;line-height:1.5}
.auth-bottom a{color:#4f46e5;font-weight:600;text-decoration:none}
.auth-bottom a:hover{text-decoration:underline}
.auth-footer-links{font-size:12px;color:#9ca3af;text-align:center;margin-top:28px}
.auth-footer-links a{color:#9ca3af;text-decoration:none}
.auth-footer-links a:hover{color:#0a0a0f}

/* Password wrapper + toggle */
.auth-pw-wrap{position:relative}
.auth-pw-wrap input{padding-right:44px !important}
.auth-pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);
  border:0;background:transparent;padding:8px;cursor:pointer;color:#9ca3af;border-radius:6px;
  display:grid;place-items:center}
.auth-pw-toggle:hover{color:#0a0a0f}
.auth-pw-toggle svg{width:16px;height:16px}

/* Password strength meter */
.auth-meter{display:flex;gap:4px;margin-top:6px}
.auth-meter span{flex:1;height:4px;border-radius:2px;background:#f1f2f5}
.auth-meter.s3 span,.auth-meter.s4 span{background:#10b981}

/* Type picker (signup) */
.auth-type-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}
.auth-type-opt{border:1px solid #e8eaee;border-radius:10px;padding:14px 8px;text-align:center;
  cursor:pointer;transition:.15s;background:#fff;position:relative;display:block}
.auth-type-opt:hover{border-color:#d6d9df}
.auth-type-opt input{position:absolute;opacity:0;pointer-events:none}
.auth-type-opt .ic{width:32px;height:32px;border-radius:9px;background:#fafbfc;color:#1a1a24;
  display:grid;place-items:center;margin:0 auto 8px}
.auth-type-opt .ic svg{width:16px;height:16px}
.auth-type-opt .nm{font-size:12.5px;font-weight:600;color:#0a0a0f;display:block}
.auth-type-opt:has(input:checked){border-color:#6366f1;background:#f5f3ff}
.auth-type-opt:has(input:checked) .ic{background:#e0e7ff;color:#4f46e5}

/* Icon block */
.auth-icon-top{width:48px;height:48px;border-radius:14px;background:#eef2ff;color:#4f46e5;
  display:grid;place-items:center;margin-bottom:22px}
.auth-icon-top svg{width:22px;height:22px}

/* Success state */
.auth-ok{width:56px;height:56px;border-radius:16px;background:#ecfdf5;color:#10b981;
  display:grid;place-items:center;margin:0 auto 22px}
.auth-ok svg{width:26px;height:26px}
.auth-success{text-align:center}
.auth-success h1{margin-bottom:12px}
.auth-success p{color:#6b7280;font-size:14.5px;margin:0 0 26px;line-height:1.6}

/* Buttons (block level) */
.auth-card .btn--block{display:flex;width:100%;justify-content:center;align-items:center;
  padding:12px 20px;border-radius:10px;font-weight:600;font-size:14.5px;text-decoration:none;
  border:1px solid transparent;cursor:pointer;font-family:inherit;transition:.15s}
.auth-card .btn--primary{background:#6366f1;color:#fff;border-color:#6366f1}
.auth-card .btn--primary:hover{background:#4f46e5;border-color:#4f46e5}
.auth-card .btn--ghost{background:#fff;color:#0a0a0f;border-color:#e8eaee}
.auth-card .btn--ghost:hover{border-color:#d6d9df;background:#fafbfc}
.auth-card .btn--lg{padding:14px 22px;font-size:15px}