/* PrivMail auth pages: scoped to .pm-auth so the dashboard keeps its own styles */
.pm-auth{--paper:#F5F1E8;--paper-2:#ECE6D8;--ink:#0F2A26;--ink-2:#2A4A44;--muted:#566B66;--line:#D9D2C0;--brand:#0E3B34;--brand-2:#14705C;--amber:#E8A33D;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  display:block!important;padding:0!important;min-height:100vh;background:var(--paper);color:var(--ink)}
.pm-split{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr);min-height:100vh}
.pm-brand{background:var(--brand);color:var(--paper);padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.pm-brand::before,.pm-brand::after{content:"";position:absolute;border-radius:50%;border:1.5px solid rgba(232,163,61,.28);pointer-events:none}
.pm-brand::before{width:520px;height:520px;right:-180px;bottom:-200px}
.pm-brand::after{width:340px;height:340px;right:-90px;bottom:-110px;border-color:rgba(245,241,232,.14)}
.pm-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-family:var(--serif);font-size:24px;font-weight:700;letter-spacing:-.01em}
.pm-logo svg{width:34px;height:34px}
.pm-logo:hover{color:inherit;text-decoration:none}
.pm-pitch{position:relative;z-index:1}
.pm-pitch h2{font-family:var(--serif);font-size:clamp(32px,3.6vw,46px);line-height:1.08;letter-spacing:-.02em;margin:0 0 14px;color:var(--paper);font-weight:700}
.pm-pitch h2 em{color:var(--amber);font-style:italic}
.pm-pitch p{color:rgba(245,241,232,.78);max-width:26em;margin:0 0 28px;font-size:16px;line-height:1.55}
.pm-chips{display:grid;gap:10px;max-width:420px}
.pm-chip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:rgba(245,241,232,.08);border:1px solid rgba(245,241,232,.14);font-family:var(--mono);font-size:13.5px;animation:pm-in .6s ease backwards}
.pm-chip:nth-child(2){animation-delay:.25s}.pm-chip:nth-child(3){animation-delay:.5s}
.pm-chip b{color:var(--amber);font-weight:500}
.pm-chip small{font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.06em;padding:3px 9px;border-radius:99px;background:rgba(47,143,107,.28);color:#9BE3C4}
.pm-chip.off small{background:rgba(201,72,63,.28);color:#FFB4AD}
@keyframes pm-in{from{opacity:0;transform:translateY(8px)}}
.pm-legal{font-size:12.5px;color:rgba(245,241,232,.6);position:relative;z-index:1}
.pm-legal a{color:rgba(245,241,232,.85);text-decoration:underline}
.pm-panel{display:flex;align-items:center;justify-content:center;padding:48px 28px}
.pm-form{width:100%;max-width:400px}
.pm-mobile-logo{display:none;margin-bottom:28px}
.pm-mobile-logo .pm-logo{color:var(--brand)}
.pm-auth .card{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;margin-bottom:0}
.pm-auth .card-body{padding:0!important}
.pm-auth .card-title,.pm-auth h1.card-title{font-family:var(--serif)!important;font-size:34px!important;line-height:1.1;letter-spacing:-.02em;font-weight:700;color:var(--ink);margin:0 0 6px!important}
.pm-sub{color:var(--muted);margin:0 0 26px;font-size:15.5px}
.pm-auth .form-group{margin-bottom:18px}
.pm-auth .form-label{font-weight:600;font-size:14px;color:var(--ink);margin-bottom:6px}
.pm-auth .form-control{height:50px;border-radius:12px;border:1.5px solid var(--line);background:#fff;padding:0 14px;font-size:16px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.pm-auth .form-control:focus{border-color:var(--brand-2);box-shadow:0 0 0 4px rgba(232,163,61,.28);outline:0}
.pm-auth .btn-primary{height:50px;border-radius:12px;background:var(--brand);border:1.5px solid var(--brand);font-weight:600;font-size:16px;letter-spacing:.01em;transition:transform .15s,box-shadow .15s,background .15s}
.pm-auth .btn-primary:hover{background:#0A2D28;border-color:#0A2D28;transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(14,59,52,.6)}
.pm-auth .btn-primary:focus{box-shadow:0 0 0 4px rgba(232,163,61,.4)}
.pm-auth a{color:var(--brand-2)}
.pm-auth a:hover{color:var(--brand)}
.pm-auth .pm-logo,.pm-auth .pm-logo:hover{color:var(--paper)}
.pm-auth .pm-mobile-logo .pm-logo,.pm-auth .pm-mobile-logo .pm-logo:hover{color:var(--brand)}
.pm-auth .pm-legal a{color:rgba(245,241,232,.9);text-decoration:underline}
.pm-auth .text-muted,.pm-auth .text-gray{color:var(--muted)!important}
.pm-auth .alert-info{background:var(--paper-2);color:var(--ink-2);border:0;border-left:4px solid var(--amber);border-radius:10px;font-size:13.5px;padding:12px 14px}
.pm-auth .invalid-feedback,.pm-auth .text-danger{font-size:13px}
.pm-auth .form-footer{margin-top:24px}
.pm-alt{text-align:center;margin-top:22px;color:var(--muted);font-size:15px}
.pm-auth .proton-button,.pm-auth .btn-social{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
@media (max-width:860px){
  .pm-split{grid-template-columns:minmax(0,1fr)}
  .pm-panel{min-width:0}
  .pm-brand{display:none}
  .pm-mobile-logo{display:block}
  .pm-panel{align-items:flex-start;padding-top:40px}
}
@media (prefers-reduced-motion:reduce){.pm-chip{animation:none;opacity:1;transform:none}.pm-auth .btn-primary{transition:none}}