/* /glemt-passord/: the same split shell as login and invitation (navy brand panel + card), standalone so the other account pages keep account.css only. */
.fp-body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);min-height:100vh;min-height:100dvh;background:#fff9f2;background-image:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.fp-aside{display:flex;flex-direction:column;gap:32px;padding:48px;color:#fff;background:radial-gradient(circle at 85% 8%,rgba(255,107,10,.28),transparent 22rem),#0b1a38}
.fp-brand{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;color:#fff;font-size:24px;font-weight:800;letter-spacing:-.03em;text-decoration:none}
.fp-brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ff6b0a;color:#0b1a38}
.fp-aside-body{display:flex;flex-direction:column;justify-content:center;gap:24px;flex:1;max-width:480px;padding-bottom:32px}
.fp-mascot{width:auto;height:auto;max-height:380px;max-width:300px;object-fit:contain;align-self:flex-start}
.fp-tagline{margin:0;max-width:22ch;font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-.02em;color:#fff}
.fp-points{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.fp-points li{position:relative;padding-left:32px;font-size:17px;line-height:1.4;color:#e6ebf6}
.fp-points li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:#ff6b0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5.5 10.5 3 3 6-6.5' fill='none' stroke='%230b1a38' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.fp-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-width:0;padding:48px 48px;background:radial-gradient(circle at 50% 0,#fff3e9,transparent 38rem),#fff9f2}
.fp-card{width:100%;max-width:520px;padding:40px 44px;background:#fff;border:1px solid #eadfd3;border-radius:20px;box-shadow:0 10px 30px rgba(41,31,20,.08)}
.fp-card .eyebrow{margin:0 0 8px;font-size:.875rem;letter-spacing:.1em;color:#b34700}
.fp-card h1{margin:0 0 12px;font-size:32px;font-weight:800;letter-spacing:-.035em;line-height:1.12;color:#0f1b33}
.fp-card .lead{max-width:none;margin:0 0 16px;font-size:16px;line-height:1.5;color:#0f1b33}
.fp-steps{margin:0 0 8px;padding:0;list-style:none;display:grid;gap:12px;counter-reset:fp}
.fp-steps li{position:relative;padding:12px 16px 12px 56px;font-size:16px;line-height:1.45;color:#0f1b33;background:#f7f4ef;border-radius:10px;counter-increment:fp}
.fp-steps li::before{content:counter(fp);position:absolute;left:14px;top:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0b1a38;color:#fff;font-weight:800;font-size:15px}
.fp-steps strong{display:block;font-weight:800}
.fp-card .contact-panel{margin-top:0;gap:0}
.fp-actions{display:grid;gap:12px;margin-top:24px}
.fp-card .fp-actions .button{width:100%;min-height:56px;justify-content:center;font-size:16px;font-weight:800;text-decoration:none}
.fp-card .fp-actions .button.secondary{color:#0b1a38;background:#fff;border:1.5px solid #0b1a38}
.fp-card .fp-actions .button.secondary:hover{background:#f7f4ef}
.fp-card .field{margin-top:16px}
.fp-card .field input{min-height:52px}
.fp-card form .actions{margin-top:16px}
.fp-card form .actions button{width:100%;min-height:56px}
.fp-note{margin:16px 0 0;font-size:15px;line-height:1.45;color:#39445c}
.fp-help{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;width:100%;max-width:520px;margin:0;font-size:15px;color:#0f1b33}
.fp-help a{display:inline-flex;align-items:center;min-height:48px;font-weight:700;color:#b34700;text-underline-offset:3px}
.fp-foot{display:none}
@media(max-width:899px){
 .fp-body{display:flex;flex-direction:column}
 .fp-aside{flex-direction:row;align-items:center;padding:12px 16px;gap:0}
 .fp-brand{font-size:20px}
 .fp-brand-mark{width:36px;height:36px}
 .fp-aside-body{display:none}
 .fp-main{justify-content:flex-start;gap:8px;padding:16px 16px 24px;flex:1}
 .fp-card{padding:24px 20px;max-width:520px}
 .fp-card h1{font-size:28px}
 .fp-note{font-size:16px}
 .fp-help{max-width:520px;font-size:16px}
 .fp-foot{display:flex;align-items:center;gap:16px;width:100%;max-width:520px;margin:8px auto 0;padding:8px 8px 0}
 .fp-foot img{width:76px;height:auto;flex:none}
 .fp-foot p{margin:0;font-size:16px;line-height:1.4;font-weight:700;color:#0f1b33}
}
.fp-main:has([data-forgot-contact]:not([hidden])) .fp-help{display:none}
@media(max-width:899px){
 .fp-aside{background:#0b1a38}
 .fp-main{justify-content:flex-start}
 .fp-card{margin:auto auto 0}
 .fp-foot{margin:8px auto auto}
 .fp-foot img{width:88px}
}

/* iteration 5: wider card, 16px+ text, round portrait instead of a cut-off figure */
@media(min-width:900px){
 .fp-body{grid-template-columns:minmax(0,9fr) minmax(0,11fr)}
 .fp-card{max-width:600px;padding:40px 52px}
 .fp-help{max-width:600px}
 .fp-card h1{font-size:36px}
 .fp-card .lead{font-size:18px}
 .fp-steps li{font-size:17px;padding:16px 20px 16px 62px}
 .fp-steps li::before{left:18px;top:16px}
 .fp-mascot{-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent);mask-image:linear-gradient(to bottom,#000 80%,transparent)}
 .fp-card .eyebrow{font-size:14px}
}
.fp-card .field input::placeholder{color:#5b667c;opacity:1}
.fp-note,.fp-help{font-size:16px}
.fp-card .fp-actions .button{font-size:17px}
@media(max-width:899px){
 .fp-main{justify-content:flex-start}
 .fp-card{margin:0 auto}
 .fp-foot{margin:auto auto 0;padding:20px 8px 0}
 .fp-foot img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:28% 8%;background:#fff3e9;border:2px solid #cfc6bb}
}

/* iteration 6: phone card centred above a footer band; calmer secondary action */
.fp-card .fp-actions .button.secondary{min-height:52px;font-weight:600;border-color:#667085;font-size:16px}
@media(hover:hover){.fp-card .fp-actions .button.secondary:hover{background:#f7f4ef}}
@media(max-width:899px){
 .fp-main{padding:16px 16px 0;justify-content:flex-start}
 .fp-card{margin:auto auto 0}
 .fp-help{margin:8px auto 0}
 .fp-foot{align-self:stretch;width:auto;max-width:none;margin:auto -16px 0;padding:16px;justify-content:center;background:#fff3e9;border-top:1px solid #eadfd3}
 .fp-foot p{max-width:24ch}
 .fp-foot img{width:64px;height:64px}
}
@media(min-width:900px){.fp-main{padding-bottom:96px}}