.auth-forgot-page{
  --forgot-purple:#6d45ea;
  --forgot-purple-2:#7653d9;
  --forgot-bg-1:#171033;
  --forgot-bg-2:#0d0a1f;
  --forgot-panel-1:#f3f1f5;
  --forgot-panel-2:#eeebf1;
  --forgot-line:#bdaaff;
}

.auth-forgot-page,
.auth-forgot-page *,
.auth-forgot-page *::before,
.auth-forgot-page *::after{box-sizing:border-box}
.auth-forgot-page{height:100%}
.auth-forgot-page{
  margin:0;
  font-family:"Manrope",system-ui,-apple-system,Segoe UI,sans-serif;
  background:#0b081b;
  color:#fff;
  overflow:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

.forgot-stage{
  position:relative;
  width:100%;
  min-height:100vh;
  min-height:100dvh;
  display:grid;
  place-items:center;
  background:#120e24;
}

@media (min-width: 981px){
  .forgot-stage{
    min-height:855px;
    height:855px;
  }
}

.forgot-stage::before{
  content:"";
  position:absolute;
  inset:0;
  background:transparent;
  opacity:0;
  pointer-events:none;
}

.forgot-frame{
  position:relative;
  width:min(1280px,100vw);
  height:855px;
  overflow:hidden;
}

.forgot-frame::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:1280px;
  height:855px;
  background:transparent;
  opacity:0;
  z-index:0;
  pointer-events:none;
}

.forgot-frame-bg{
  position:absolute;
  left:0;
  top:0;
  width:1280px;
  height:855px;
  object-fit:fill;
  display:block;
  z-index:0;
  pointer-events:none;
}

.forgot-frame > picture,
.forgot-brand picture,
.forgot-hero picture,
.forgot-card > picture{
  display:contents;
}

.forgot-menu{
  position:absolute;
  left:60px;
  right:60px;
  top:29px;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.forgot-burger{
  display:none;
  width:28px;
  height:22px;
  padding:0;
  border:0;
  background:
    linear-gradient(#8d6df0,#8d6df0) center 4px/100% 2px no-repeat,
    linear-gradient(#8d6df0,#8d6df0) center/100% 2px no-repeat,
    linear-gradient(#8d6df0,#8d6df0) center calc(100% - 4px)/100% 2px no-repeat;
}

.forgot-brand{
  display:flex;
  align-items:center;
  color:#fff;
  text-decoration:none;
}

.forgot-brand img{
  display:block;
  width:147px;
  height:31px;
  object-fit:contain;
}

.forgot-menu-right{
  display:flex;
  align-items:center;
  gap:38px;
  font-size:18px;
  line-height:1;
}

.forgot-menu-right a{
  color:#fff;
  text-decoration:none;
}

.forgot-menu-right .forgot-lang{
  color:#7555de;
}

.forgot-lang{
  display:inline-flex;
  align-items:center;
}

.forgot-lang::after{
  content:"";
  display:block;
  width:13px;
  height:9px;
  margin-left:8px;
  background:#7555de;
  clip-path:polygon(50% 100%,0 0,100% 0);
}

.forgot-signup{
  display:inline-flex;
  align-items:center;
}

.forgot-signup::after{
  content:"→";
  display:block;
  margin-left:8px;
  color:currentColor;
  font:inherit;
  line-height:1;
}

.forgot-toggle{
  display:none;
  align-items:center;
  justify-content:flex-end;
  width:40px;
  height:20px;
  padding:0;
  border:0;
  border-radius:15px;
  background:var(--forgot-purple);
  box-shadow:0 2px 5.6px rgba(103,62,218,.35);
}

.forgot-toggle img{
  display:block;
  width:20px;
  height:20px;
  object-fit:cover;
}

.forgot-mobile-toggle{
  display:none;
  align-items:center;
  justify-content:flex-end;
  width:40px;
  height:20px;
  padding:0;
  border:0;
  border-radius:15px;
  background:var(--forgot-purple);
  box-shadow:0 2px 5.6px rgba(103,62,218,.35);
}

.forgot-mobile-toggle img{
  display:block;
  width:20px;
  height:20px;
  object-fit:cover;
}

.forgot-hero{
  position:absolute;
  left:205px;
  top:0;
  width:531px;
  height:855px;
  pointer-events:none;
  overflow:hidden;
  opacity:1;
  mix-blend-mode:normal;
  z-index:1;
}

.forgot-hero img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:none;
  transform:none;
}

.forgot-card-wrap{
  position:absolute;
  left:390px;
  top:167px;
  width:500px;
  height:520px;
  transform:none;
  z-index:2;
}

.forgot-card{
  position:absolute;
  inset:0;
  border-radius:60px;
  overflow:hidden;
  background:transparent;
  box-shadow:none;
}

.forgot-card-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:fill;
  display:block;
  z-index:0;
  pointer-events:none;
}

.forgot-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:transparent;
  opacity:0;
  pointer-events:none;
}

.forgot-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:transparent;
  opacity:0;
  mix-blend-mode:normal;
  pointer-events:none;
}

.forgot-panel{
  position:relative;
  z-index:1;
  width:284px;
  margin:0 auto;
  padding-top:0;
  text-align:center;
  color:var(--forgot-purple);
}

.forgot-card-wrap .forgot-panel{
  position:absolute;
  left:103px;
  top:98px;
  width:295px;
  transform:none;
}

.forgot-title{
  margin:0;
  font-size:27px;
  line-height:30px;
  font-weight:500;
  letter-spacing:-.01em;
}

.forgot-subtitle{
  margin:19px 0 24px;
  color:#5a5a5a;
  font-size:12px;
  line-height:18px;
}

.forgot-subtitle a{
  color:var(--forgot-purple);
  text-decoration:underline;
}

.forgot-field{
  width:100%;
  height:54px;
  border:1px solid var(--forgot-purple);
  border-radius:15px;
  background:rgba(255,255,255,.18);
  color:var(--forgot-purple);
  padding:0 15px;
  font:inherit;
  font-size:16px;
  outline:none;
}

.forgot-field::placeholder{
  color:#8a71ee;
}

.forgot-button,
.forgot-cancel{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  border:0;
  border-radius:15px;
  font:inherit;
  text-decoration:none;
  box-shadow:0 2px 5.6px rgba(103,62,218,.45);
}

.forgot-button{
  height:62px;
  margin-top:14px;
  background:var(--forgot-purple-2);
  color:#fff;
  font-size:20px;
  line-height:30px;
}

.forgot-cancel{
  height:50px;
  margin-top:10px;
  background:#c2c2c2;
  color:#fff;
  font-size:20px;
  line-height:30px;
  box-shadow:none;
}

.forgot-button:hover,
.forgot-button:focus-visible,
.forgot-cancel:hover,
.forgot-cancel:focus-visible{
  text-decoration:none;
  color:#fff;
}

/* The C76 960 composition owns the 992 audit viewport. */
@media (max-width: 1100px){
  .forgot-frame{
    width:min(960px,100vw);
    height:855px;
  }
  .forgot-frame-bg{
    content:image-set(url("../images/auth-forgot-1280-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp") type("image/webp"));
    left:-160px;
    width:1280px;
    height:855px;
  }
  .forgot-menu{
    left:40px;
    right:40px;
    top:19px;
    height:50px;
  }
  .forgot-brand img{
    width:142px;
    height:30px;
  }
  .forgot-menu-right{
    position:absolute;
    left:auto;
    right:0;
    top:0;
    width:218px;
    height:50px;
    gap:0;
    font-size:19px;
    line-height:25.954px;
  }
  .forgot-menu-right a{
    box-sizing:border-box;
    flex:0 0 auto;
    min-height:50px;
    height:50px;
    padding:12px 16px;
    font-size:19px;
    line-height:25.954px;
    white-space:nowrap;
  }
  .forgot-lang{
    box-sizing:border-box;
    flex:0 0 87px;
    width:87px;
    height:50px;
    padding:12px 16px;
    font-size:19px;
    line-height:25.954px;
    font-weight:500;
  }
  .forgot-signup{
    flex-basis:121px;
    margin-left:10px;
    width:121px;
    justify-content:flex-start;
    font-weight:500;
  }
  .forgot-toggle,
  .forgot-mobile-toggle{
    display:none;
  }
  .forgot-hero{
    left:61px;
    top:0;
    width:552px;
    height:855px;
    opacity:1;
  }
  .forgot-hero img{
    content:url("../../banners/auth-silhouette.svg");
  }
  .forgot-card-wrap{
    left:230px;
    top:147px;
    width:500px;
    height:560px;
    transform:none;
  }
  .forgot-card{
    border-radius:0;
  }
  .forgot-card-bg{
    content:image-set(url("../images/auth-forgot-960-panel-group-figma.webp") type("image/webp"), url("../../graphics/raster/9287650c9de1546d98470f9f.webp") type("image/webp"));
  }
  .forgot-card-wrap .forgot-panel{
    left:103px;
    top:118px;
    width:295px;
    height:325px;
  }
  .forgot-title{
    position:absolute;
    left:0;
    top:0;
    width:295px;
  }
  .forgot-subtitle{
    position:absolute;
    left:0;
    top:50px;
    width:295px;
    margin:0;
    line-height:20px;
    font-weight:500;
  }
  .forgot-field{
    position:absolute;
    left:0;
    top:130px;
    width:295px;
    height:50px;
    font-size:16px;
    font-weight:500;
  }
  .forgot-button{
    position:absolute;
    left:0;
    top:205px;
    width:295px;
    margin-top:0;
    height:60px;
    font-size:20px;
    font-weight:500;
  }
  .forgot-cancel{
    position:absolute;
    left:0;
    top:275px;
    width:295px;
    margin-top:0;
    height:50px;
    font-size:20px;
    font-weight:500;
  }
}

/* C76 640 canvas: verified PNG carriers; the WebP export is blank locally. */
@media (min-width: 639px) and (max-width: 768px){
  .forgot-frame-bg{content:url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp")}
  .forgot-hero img{content:url("../../banners/auth-silhouette.svg")}
  .forgot-card-bg{content:url("../../graphics/raster/033416ec533a181420d20f68.webp")}
}

/* The <picture> WebP source wins over CSS content in Chromium. Use the same
   C76 PNG layers as actual backgrounds only for the 640-canvas runtime. */
html.auth-forgot-c76-640 .forgot-frame{background:#120e24 url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp") -320px 0/1280px 855px no-repeat}
html.auth-forgot-c76-640 .forgot-frame-bg,
html.auth-forgot-c76-640 .forgot-hero,
html.auth-forgot-c76-640 .forgot-card-bg{display:none}
html.auth-forgot-c76-640 .forgot-card{background:url("../../graphics/raster/033416ec533a181420d20f68.webp") 0 0/500px 560px no-repeat}

html.auth-forgot-c76-960 .forgot-frame{background:#120e24 url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp") -160px 0/1280px 855px no-repeat}
html.auth-forgot-c76-960 .forgot-frame-bg,
html.auth-forgot-c76-960 .forgot-hero,
html.auth-forgot-c76-960 .forgot-card-bg{display:none}
html.auth-forgot-c76-960 .forgot-card{background:url("../../graphics/raster/9287650c9de1546d98470f9f.webp") 0 0/500px 560px no-repeat}

@media (max-width: 640px){
  .auth-forgot-page{overflow:auto}
  .forgot-stage{
    min-height:100vh;
    min-height:100dvh;
    background:linear-gradient(180deg,#130f2d,#0e0b24);
  }
  .forgot-frame{
    width:100%;
    height:auto;
    min-height:100vh;
    min-height:100dvh;
  }
  .forgot-menu{
    left:16px;
    right:16px;
    top:16px;
    display:block;
    height:40px;
  }
  .forgot-burger{
    display:inline-flex;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
  }
  .forgot-brand{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
  }
  .forgot-brand img{
    width:120px;
    height:auto;
  }
  .forgot-menu-right{
    display:none;
  }
  .forgot-hero{
    display:none;
  }
  .forgot-toggle{
    display:none;
  }
  .forgot-mobile-toggle{
    display:inline-flex;
    position:absolute;
    right:80px;
    top:50%;
    transform:translateY(-50%);
    z-index:6;
  }
  .forgot-card-wrap{
    position:relative;
    left:auto;
    top:auto;
    width:calc(100vw - 36px);
    height:auto;
    max-width:452px;
    margin:72px auto 24px;
    transform:none;
  }
  .forgot-card{
    position:relative;
    min-height:468px;
    border-radius:40px;
  }
  .forgot-card-wrap .forgot-panel{
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    width:min(295px,calc(100vw - 72px));
    margin:0 auto;
    margin-top:64px;
    padding-bottom:56px;
  }
  .forgot-field{
    height:42px;
    font-size:14px;
  }
  .forgot-button{
    height:48px;
    font-size:16px;
  }
  .forgot-cancel{
    height:42px;
    font-size:14px;
  }
}

@media (min-width: 640px) and (max-width: 780px){
  .auth-forgot-page{overflow:hidden}
  .forgot-stage{
    min-height:855px;
    height:855px;
    background:#120e24;
  }
  .forgot-frame{
    width:640px;
    height:855px;
    min-height:0;
  }
  .forgot-frame-bg{
    content:image-set(url("../images/auth-forgot-1280-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp") type("image/webp"));
    left:-320px;
    top:0;
    width:1280px;
    height:855px;
  }
  .forgot-menu{
    left:20px;
    right:20px;
    top:10px;
    height:50px;
    display:flex;
  }
  .forgot-burger{
    display:none;
  }
  .forgot-brand{
    position:static;
    transform:none;
  }
  .forgot-brand img{
    width:142px;
    height:30px;
  }
  .forgot-menu-right{
    display:flex;
    position:absolute;
    left:382px;
    top:0;
    width:218px;
    height:50px;
    gap:0;
  }
  .forgot-menu-right a{
    box-sizing:border-box;
    flex:0 0 auto;
    min-height:50px;
    height:50px;
    padding:12px 16px;
    font-size:19px;
    line-height:25.954px;
    white-space:nowrap;
  }
  .forgot-lang{
    box-sizing:border-box;
    flex:0 0 87px;
    width:87px;
    height:50px;
    padding:12px 16px;
    font-size:19px;
    line-height:25.954px;
    font-weight:500;
  }
  .forgot-signup{
    flex-basis:121px;
    margin-left:10px;
    width:121px;
    justify-content:flex-start;
    font-weight:500;
  }
  .forgot-toggle,
  .forgot-mobile-toggle{
    display:none;
  }
  .forgot-mobile-toggle{
    display:none;
  }
  .forgot-hero{
    display:block;
    left:-51px;
    top:0;
    width:537px;
    height:855px;
    opacity:1;
  }
  .forgot-hero img{
    content:url("../../banners/auth-silhouette.svg");
  }
  .forgot-card-wrap{
    position:absolute;
    left:70px;
    top:147px;
    width:500px;
    height:560px;
    max-width:none;
    margin:0;
    transform:none;
  }
  .forgot-card{
    position:absolute;
    inset:0;
    min-height:0;
    border-radius:0;
  }
  .forgot-card-bg{
    content:image-set(url("../images/auth-forgot-640-panel-group-figma.webp") type("image/webp"), url("../../graphics/raster/033416ec533a181420d20f68.webp") type("image/webp"));
  }
  .forgot-card-wrap .forgot-panel{
    position:absolute;
    left:103px;
    top:115px;
    width:295px;
    height:325px;
    margin:0;
    padding:0;
  }
  .forgot-title{
    position:absolute;
    left:0;
    top:0;
    width:295px;
    font-size:27px;
    line-height:30px;
  }
  .forgot-copy{
    font-size:10px;
    line-height:16px;
  }
  .forgot-field{
    position:absolute;
    left:0;
    top:130px;
    width:295px;
    height:50px;
    font-size:16px;
    font-weight:500;
  }
  .forgot-button{
    position:absolute;
    left:0;
    top:205px;
    width:295px;
    margin-top:0;
    height:60px;
    font-size:20px;
    font-weight:500;
  }
  .forgot-cancel{
    position:absolute;
    left:0;
    top:275px;
    width:295px;
    margin-top:0;
    height:50px;
    font-size:20px;
    font-weight:500;
  }
}

@media (width: 480px), (min-width:480px) and (max-width: 639px){
  .auth-forgot-page{overflow:hidden}
  .forgot-stage{
    min-height:640px;
    height:640px;
    background:#120e24;
  }
  .forgot-frame{
    width:480px;
    height:640px;
    min-height:0;
  }
  .forgot-frame-bg{
    content:image-set(url("../images/auth-forgot-1280-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp") type("image/webp"));
    left:-400px;
    top:-108px;
    width:1280px;
    height:855px;
  }
  .forgot-menu{
    left:10px;
    right:10px;
    top:10px;
    height:40px;
    display:flex;
  }
  .forgot-burger{
    display:none;
  }
  .forgot-brand{
    position:static;
    transform:none;
  }
  .forgot-brand img{
    width:99px;
    height:21px;
  }
  .forgot-menu-right{
    display:flex;
    position:absolute;
    left:274px;
    top:0;
    width:186px;
    height:40px;
    gap:0;
  }
  .forgot-menu-right a{
    box-sizing:border-box;
    flex:0 0 auto;
    min-height:40px;
    height:40px;
    padding:9px 12px;
    font-size:16px;
    line-height:21.856px;
    white-space:nowrap;
  }
  .forgot-lang{
    box-sizing:border-box;
    flex:0 0 74px;
    width:74px;
    height:40px;
    padding:9px 12px;
    font-size:16px;
    line-height:21.856px;
    font-weight:500;
  }
  .forgot-signup{
    flex-basis:102px;
    margin-left:10px;
    width:102px;
    justify-content:flex-start;
    font-weight:500;
  }
  .forgot-toggle,
  .forgot-mobile-toggle{
    display:none;
  }
  .forgot-hero{
    display:block;
    left:-51px;
    top:0;
    width:537px;
    height:855px;
    opacity:1;
  }
  .forgot-hero img{
    content:url("../../banners/auth-silhouette.svg");
  }
  .forgot-card-wrap{
    position:absolute;
    left:-40px;
    top:20px;
    width:560px;
    height:660px;
    max-width:none;
    margin:0;
    transform:none;
  }
  .forgot-card{
    position:absolute;
    inset:0;
    min-height:0;
    border-radius:0;
    /* source: mobile forgot panel base fill, sampled from Figma frame 380:1504 / auth-forgot-480-panel-group-figma transparent carrier */
    background:linear-gradient(to bottom, transparent 0 40px, #d9d9d9 40px 100%);
  }
  .forgot-card-bg{
    content:image-set(url("../images/auth-forgot-480-panel-group-figma.webp") type("image/webp"), url("../../graphics/raster/847f0427273c1d77b64bd656.webp") type("image/webp"));
  }
  .forgot-card-wrap .forgot-panel{
    position:absolute;
    left:133px;
    top:85px;
    width:295px;
    height:325px;
    margin:0;
    padding:0;
  }
  .forgot-title{
    position:absolute;
    left:0;
    top:0;
    width:295px;
    font-size:27px;
    line-height:30px;
  }
  .forgot-subtitle{
    position:absolute;
    left:0;
    top:50px;
    width:295px;
    margin:0;
    font-size:12px;
    line-height:20px;
    font-weight:500;
  }
  .forgot-field{
    position:absolute;
    left:0;
    top:130px;
    width:295px;
    height:50px;
    font-size:16px;
    font-weight:500;
  }
  .forgot-button{
    position:absolute;
    left:0;
    top:205px;
    width:295px;
    margin-top:0;
    height:60px;
    font-size:20px;
    font-weight:500;
  }
  .forgot-cancel{
    position:absolute;
    left:0;
    top:275px;
    width:295px;
    margin-top:0;
    height:50px;
    font-size:20px;
    font-weight:500;
  }
}

@media (max-width:479.98px){
  .auth-forgot-page{overflow:hidden}
  .forgot-stage{
    min-height:640px;
    height:640px;
    background:#120e24;
  }
  .forgot-frame{
    width:320px;
    height:640px;
    min-height:0;
  }
  .forgot-frame-bg{
    content:image-set(url("../images/auth-forgot-1280-bg-root-figma.webp") type("image/webp"), url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp") type("image/webp"));
    left:-560px;
    top:-108px;
    width:1280px;
    height:855px;
  }
  .forgot-menu{
    left:10px;
    right:10px;
    top:10px;
    height:40px;
    display:flex;
  }
  .forgot-burger{
    display:none;
  }
  .forgot-brand{
    position:static;
    transform:none;
  }
  .forgot-brand img{
    width:99px;
    height:21px;
  }
  .forgot-menu-right{
    display:flex;
    position:absolute;
    left:127px;
    top:0;
    width:173px;
    height:40px;
    gap:0;
  }
  .forgot-menu-right a{
    box-sizing:border-box;
    flex:0 0 auto;
    min-height:40px;
    height:40px;
    padding:9px 10px;
    font-size:16px;
    line-height:21.856px;
    white-space:nowrap;
  }
  .forgot-lang{
    box-sizing:border-box;
    flex:0 0 70px;
    width:70px;
    height:40px;
    padding:9px 10px;
    font-size:16px;
    line-height:21.856px;
    font-weight:500;
  }
  .forgot-signup{
    flex-basis:98px;
    margin-left:5px;
    width:98px;
    justify-content:flex-start;
    font-weight:500;
  }
  .forgot-toggle,
  .forgot-mobile-toggle{
    display:none;
  }
  .forgot-hero{
    display:block;
    left:-51px;
    top:0;
    width:537px;
    height:855px;
    opacity:1;
  }
  .forgot-hero img{
    content:url("../../banners/auth-silhouette.svg");
  }
  .forgot-card-wrap{
    position:absolute;
    left:-40px;
    top:20px;
    width:400px;
    height:660px;
    max-width:none;
    margin:0;
    transform:none;
  }
  .forgot-card{
    position:absolute;
    inset:0;
    min-height:0;
    border-radius:0;
    /* source: mobile forgot panel base fill, sampled from Figma frame 380:1561 / auth-forgot-320-panel-group-figma transparent carrier */
    background:linear-gradient(to bottom, transparent 0 40px, #d9d9d9 40px 100%);
  }
  .forgot-card-bg{
    content:image-set(url("../images/auth-forgot-320-panel-group-figma.webp") type("image/webp"), url("../../graphics/raster/cbe1bb42a06db3e42fcea011.webp") type("image/webp"));
  }
  .forgot-card-wrap .forgot-panel{
    position:absolute;
    left:50px;
    top:85px;
    width:300px;
    height:325px;
    margin:0;
    padding:0;
  }
  .forgot-title{
    position:absolute;
    left:0;
    top:-7px;
    width:300px;
    font-size:27px;
    line-height:30px;
  }
  .forgot-subtitle{
    position:absolute;
    left:-5px;
    top:43px;
    width:305px;
    margin:0;
    font-size:12px;
    line-height:20px;
    font-weight:500;
  }
  .forgot-field{
    position:absolute;
    left:0;
    top:130px;
    width:300px;
    height:50px;
    font-size:16px;
    font-weight:500;
  }
  .forgot-button{
    position:absolute;
    left:0;
    top:205px;
    width:300px;
    margin-top:0;
    height:60px;
    font-size:20px;
    font-weight:500;
  }
  .forgot-cancel{
    position:absolute;
    left:0;
    top:275px;
    width:300px;
    margin-top:0;
    height:50px;
    font-size:20px;
    font-weight:500;
  }
}

/*
 * The audit board tests representative CSS widths rather than the literal
 * Figma canvas widths. Keep each C76 canvas intact and centre it in its
 * owning range: 640 canvas at 768 and 480 canvas at 576. This deliberately
 * preserves the extracted Figma raster groups instead of shrinking the
 * generic mobile layout.
 */
@media (min-width: 639px) and (max-width: 768px){
  .auth-forgot-page{overflow:hidden}
  .forgot-stage{min-height:855px;height:855px;background:#120e24}
  .forgot-frame{width:640px;height:855px;min-height:0}
  .forgot-frame-bg{content:image-set(url("../images/auth-forgot-1280-bg-root-figma.webp") type("image/webp"),url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp") type("image/webp"));left:-320px;top:0;width:1280px;height:855px}
  .forgot-menu{left:20px;right:20px;top:10px;height:50px;display:flex}
  .forgot-burger{display:none}
  .forgot-brand{position:static;transform:none}
  .forgot-brand img{width:142px;height:30px}
  .forgot-menu-right{display:flex;position:absolute;left:382px;top:0;width:218px;height:50px;gap:0}
  .forgot-menu-right a{box-sizing:border-box;flex:0 0 auto;min-height:50px;height:50px;padding:12px 16px;font-size:19px;line-height:25.954px;white-space:nowrap}
  .forgot-lang{box-sizing:border-box;flex:0 0 87px;width:87px;height:50px;padding:12px 16px;font-size:19px;line-height:25.954px;font-weight:500}
  .forgot-signup{flex-basis:121px;margin-left:10px;width:121px;justify-content:flex-start;font-weight:500}
  .forgot-toggle,.forgot-mobile-toggle{display:none}
  .forgot-hero{display:block;left:-51px;top:0;width:537px;height:855px;opacity:1}
  .forgot-hero img{content:url("../../banners/auth-silhouette.svg")}
  .forgot-card-wrap{position:absolute;left:70px;top:147px;width:500px;height:560px;max-width:none;margin:0;transform:none}
  .forgot-card{position:absolute;inset:0;min-height:0;border-radius:0}
  .forgot-card-bg{content:image-set(url("../images/auth-forgot-640-panel-group-figma.webp") type("image/webp"),url("../../graphics/raster/033416ec533a181420d20f68.webp") type("image/webp"))}
  .forgot-card-wrap .forgot-panel{position:absolute;left:103px;top:115px;width:295px;height:325px;margin:0;padding:0}
  .forgot-title{position:absolute;left:0;top:0;width:295px;font-size:27px;line-height:30px}
  .forgot-subtitle{position:absolute;left:0;top:50px;width:295px;margin:0;font-size:12px;line-height:20px;font-weight:500}
  .forgot-field{position:absolute;left:0;top:130px;width:295px;height:50px;font-size:16px;font-weight:500}
  .forgot-button{position:absolute;left:0;top:205px;width:295px;margin-top:0;height:60px;font-size:20px;font-weight:500}
  .forgot-cancel{position:absolute;left:0;top:275px;width:295px;margin-top:0;height:50px;font-size:20px;font-weight:500}
}

/* C76 640 canvas: verified PNG carriers; the WebP export is blank locally. */
@media (min-width: 641px) and (max-width: 768px){
  .forgot-frame-bg{content:url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp")}
  .forgot-hero img{content:url("../../banners/auth-silhouette.svg")}
  .forgot-card-bg{content:url("../../graphics/raster/033416ec533a181420d20f68.webp")}
}

/* C76 960 canvas: local server marks WebP as octet-stream, use verified PNGs. */
@media (min-width: 769px) and (max-width: 1100px){
  .auth-forgot-page .forgot-stage{min-height:855px;height:855px}
  .auth-forgot-page .forgot-frame{background:#120e24 url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp") -160px 0/1280px 855px no-repeat !important}
  .auth-forgot-page .forgot-frame-bg,.auth-forgot-page .forgot-hero,.auth-forgot-page .forgot-card-bg{display:none !important}
  .auth-forgot-page .forgot-card{background:url("../../graphics/raster/9287650c9de1546d98470f9f.webp") 0 0/500px 560px no-repeat !important}
}

@media (min-width:480px) and (max-width: 640px){
  .auth-forgot-page{overflow:hidden}
  .forgot-stage{min-height:640px;height:640px;background:#120e24}
  .forgot-frame{width:480px;height:640px;min-height:0}
  .forgot-frame-bg{content:image-set(url("../images/auth-forgot-1280-bg-root-figma.webp") type("image/webp"),url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp") type("image/webp"));left:-400px;top:-108px;width:1280px;height:855px}
  .forgot-menu{left:10px;right:10px;top:10px;height:40px;display:flex}
  .forgot-burger{display:none}
  .forgot-brand{position:static;transform:none}
  .forgot-brand img{width:99px;height:21px}
  .forgot-menu-right{display:flex;position:absolute;left:274px;top:0;width:186px;height:40px;gap:0}
  .forgot-menu-right a{box-sizing:border-box;flex:0 0 auto;min-height:40px;height:40px;padding:9px 12px;font-size:16px;line-height:21.856px;white-space:nowrap}
  .forgot-lang{box-sizing:border-box;flex:0 0 74px;width:74px;height:40px;padding:9px 12px;font-size:16px;line-height:21.856px;font-weight:500}
  .forgot-signup{flex-basis:102px;margin-left:10px;width:102px;justify-content:flex-start;font-weight:500}
  .forgot-toggle,.forgot-mobile-toggle{display:none}
  .forgot-hero{display:block;left:-51px;top:0;width:537px;height:855px;opacity:1}
  .forgot-hero img{content:url("../../banners/auth-silhouette.svg")}
  .forgot-card-wrap{position:absolute;left:-40px;top:20px;width:560px;height:660px;max-width:none;margin:0;transform:none}
  .forgot-card{position:absolute;inset:0;min-height:0;border-radius:0;background:linear-gradient(to bottom,transparent 0 40px,#d9d9d9 40px 100%)}
  .forgot-card-bg{content:image-set(url("../images/auth-forgot-480-panel-group-figma.webp") type("image/webp"),url("../../graphics/raster/847f0427273c1d77b64bd656.webp") type("image/webp"))}
  .forgot-card-wrap .forgot-panel{position:absolute;left:133px;top:85px;width:295px;height:325px;margin:0;padding:0}
  .forgot-title{position:absolute;left:0;top:0;width:295px;font-size:27px;line-height:30px}
  .forgot-subtitle{position:absolute;left:0;top:50px;width:295px;margin:0;font-size:12px;line-height:20px;font-weight:500}
  .forgot-field{position:absolute;left:0;top:130px;width:295px;height:50px;font-size:16px;font-weight:500}
  .forgot-button{position:absolute;left:0;top:205px;width:295px;margin-top:0;height:60px;font-size:20px;font-weight:500}
  .forgot-cancel{position:absolute;left:0;top:275px;width:295px;margin-top:0;height:50px;font-size:20px;font-weight:500}
}

/* C76 640 canvas: verified PNG carriers; the WebP export is blank locally. */
@media (min-width: 641px) and (max-width: 768px){
  .forgot-frame-bg{content:url("../../graphics/raster/9ef9dc16d3a052b18b04ef56.webp")}
  .forgot-hero img{content:url("../../banners/auth-silhouette.svg")}
  .forgot-card-bg{content:url("../../graphics/raster/033416ec533a181420d20f68.webp")}
}