:root{--u:min(100vw / 1920,1px);--orange:#F94B23;--clay:#9B7C67;--clay-dark:#7C6352;--ink:#141918;--white:#fff;--cream:#F6F1EC;--line:rgba(20,25,24,.12);--body-fs:calc(45 * var(--u));--title-fs:calc(108 * var(--u));--button-fs:calc(45 * var(--u));--input-h:calc(91.732 * var(--u));--button-h:calc(88.626 * var(--u))}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Roboto,sans-serif;font-weight:400}
.top,.bottom{max-width:calc(1540 * var(--u));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:40px;font-size:18px}.logo{color:var(--ink)}.yph-logo{display:block;height:52px;width:auto}a{color:var(--clay);text-underline-offset:.16em}a:hover{color:var(--ink)}
main{max-width:calc(1540 * var(--u));margin:0 auto;padding-top:56px}h1{font-family:'Playfair Display',serif;font-size:var(--title-fs);font-weight:400;line-height:1.15;color:var(--clay);margin:0 0 calc(48 * var(--u))}
.form-content{margin-left:calc(81.94 * var(--u));font-size:var(--body-fs)}.intro{margin:0 0 calc(60 * var(--u));color:var(--clay);line-height:1.22;font-weight:400}.fields{width:calc(860.299 * var(--u));max-width:100%;display:flex;flex-direction:column;gap:calc(48.587 * var(--u))}.field{display:flex;flex-direction:column;gap:calc(9 * var(--u))}.field>label{margin-left:calc(18 * var(--u));line-height:1.2;color:var(--ink)}input[type="text"],input[type="email"],input[type="password"]{height:var(--input-h);width:100%;font:300 var(--body-fs) Roboto,sans-serif;border:0;border-radius:0;background:var(--white);color:var(--ink);padding:0 calc(20 * var(--u));min-width:0}
.forgot{align-self:flex-end;margin-top:calc(-40.58 * var(--u));margin-right:calc(55 * var(--u));line-height:1.2}.actions{width:calc(860.299 * var(--u));max-width:100%;display:flex;align-items:center;justify-content:space-between;padding:calc(55 * var(--u)) calc(80 * var(--u)) 0 calc(40 * var(--u));gap:24px}.remember{display:flex;gap:calc(18 * var(--u));align-items:center;color:var(--clay);white-space:nowrap}.remember input{width:calc(31.403 * var(--u));height:calc(31.403 * var(--u));appearance:none;border:calc(2.195 * var(--u)) solid var(--clay);border-radius:calc(9.877 * var(--u));background:var(--white);margin:0}.remember input:checked{background:var(--clay)}.reset-actions{display:flex;flex-direction:column;align-items:flex-start;margin-top:calc(75 * var(--u));margin-left:calc(124 * var(--u));gap:calc(21.155 * var(--u))}
[data-pill]{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;height:var(--button-h);padding:0 calc(40 * var(--u));min-width:calc(275.048 * var(--u));background:var(--orange);color:var(--white);font:400 var(--button-fs) 'Playfair Display',serif;white-space:nowrap;text-decoration:none;cursor:pointer}[data-fill="clay"]{background:var(--clay)}.reset-actions [data-pill]{min-width:calc(400.085 * var(--u))}[data-fill="orange"]:hover,[data-fill="orange"]:focus-visible{background:var(--ink);color:var(--white)}[data-fill="clay"]:hover,[data-fill="clay"]:focus-visible{background:var(--clay-dark);color:var(--white)}[data-pill]:focus-visible{outline:calc(2 * var(--u)) solid var(--ink);outline-offset:calc(3 * var(--u))}input:focus-visible,a:not([data-pill]):focus-visible{outline:2px solid var(--ink);outline-offset:3px}.bottom{padding:70px 0 40px;margin-top:30px;border-top:1px solid var(--line)}
@media(max-width:1099px){:root{--u:min(100vw / 430,1.6px);--body-fs:calc(18 * var(--u));--title-fs:calc(42 * var(--u));--button-fs:calc(21 * var(--u));--input-h:calc(55 * var(--u));--button-h:calc(55 * var(--u))}.top,.bottom,main{width:auto;max-width:688px;margin-inline:auto;padding-inline:24px}.top{padding-top:24px;font-size:14px}.yph-logo{height:44px}main{padding-top:48px}.form-content{margin-left:0}.intro{margin-bottom:32px}h1{margin-bottom:24px}.fields{width:100%;gap:24px}.field>label{margin-left:0}.forgot{margin:4px 0 0}.actions{padding:24px 0 0;flex-wrap:wrap;gap:24px}.remember{gap:10px}.remember input{width:20px;height:20px}[data-pill]{min-width:calc(171 * var(--u));padding:0 calc(30 * var(--u))}.reset-actions{margin:24px 0 0;gap:12px}.reset-actions [data-pill]{min-width:calc(210 * var(--u))}.bottom{padding-top:24px;padding-bottom:32px;margin-top:48px}}

/* Approved API states; hidden panels must also override flex-based actions. */
[hidden]{display:none!important}
.form-error{margin:calc(18 * var(--u)) 0 0;color:var(--orange);font-size:var(--body-fs);line-height:1.3}
.form-note{margin:calc(14 * var(--u)) 0 0;color:var(--clay);font-size:calc(var(--body-fs) * .85);line-height:1.3}
.msg{margin:0 0 calc(24 * var(--u));color:var(--ink);font-size:var(--body-fs);line-height:1.35}
[data-pill]:disabled{cursor:wait}
noscript{display:block;margin-top:24px}
@media(max-width:1099px){.desktop-break{display:none}}