/* Cavvyo 4.4.26 — final auth geometry and approved mobile glass treatment. */

body.auth-screen .auth-page-legal-4426{
  position:fixed;
  z-index:20;
  left:46%;
  right:0;
  bottom:12px;
  margin:0;
  padding:0 18px;
  color:#8a8790;
  font-size:9px;
  line-height:1.35;
  text-align:center;
  pointer-events:none;
}
body.auth-screen:has(.register-auth-4425) .auth-page-legal-4426{left:42%}

@media(min-width:901px){
  html,body.auth-screen{width:100%;min-width:0;min-height:100dvh;margin:0!important;background:#fff!important;overflow:hidden!important}
  body.auth-screen #main-content{
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.auth-screen .marketplace-auth-page,
  body.auth-screen .marketplace-auth-page.auth-page{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0 0 0 -50vw!important;
    padding:0!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  body.auth-screen .marketplace-auth-shell{
    display:grid!important;
    grid-template-columns:minmax(470px,46%) minmax(0,54%)!important;
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.auth-screen .register-auth-4425 .marketplace-auth-shell{
    grid-template-columns:minmax(440px,42%) minmax(0,58%)!important;
  }
  body.auth-screen .marketplace-auth-intro{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    padding:150px clamp(54px,6vw,96px) 50px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.auth-screen .marketplace-auth-brand{
    position:absolute!important;
    top:46px!important;
    left:clamp(54px,6vw,96px)!important;
    z-index:4!important;
    display:block!important;
    width:max-content!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body.auth-screen .marketplace-auth-brand img{
    display:block!important;
    width:176px!important;
    max-width:176px!important;
    height:auto!important;
    margin:0!important;
    filter:brightness(0) invert(1)!important;
  }
  /* Restore the approved cream eyebrow chip; 4.4.25 accidentally flattened it. */
  body.auth-screen.away-family-public .marketplace-auth-intro-photo-2347>.eyebrow,
  body.auth-screen.away-family-public .marketplace-auth-intro-photo-2347>.eyebrow.orange{
    position:relative!important;
    inset:auto!important;
    z-index:4!important;
    display:inline-flex!important;
    align-items:center!important;
    width:max-content!important;
    min-width:0!important;
    margin:0 0 18px!important;
    padding:8px 12px!important;
    border:1px solid rgba(239,237,232,.78)!important;
    border-radius:999px!important;
    background:rgba(239,237,232,.96)!important;
    color:#30313f!important;
    box-shadow:none!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
  }
  body.auth-screen .marketplace-auth-intro h1{
    max-width:680px!important;
    margin:0!important;
    color:#fff!important;
    font-size:clamp(46px,4.15vw,72px)!important;
    line-height:1.01!important;
    letter-spacing:-.045em!important;
  }
  body.auth-screen .marketplace-auth-intro>p{
    max-width:650px!important;
    margin:20px 0 0!important;
    color:rgba(255,255,255,.84)!important;
    font-size:15px!important;
    line-height:1.6!important;
  }
  body.auth-screen .marketplace-auth-points{
    width:100%!important;
    max-width:670px!important;
    margin:auto 0 0!important;
    padding-top:24px!important;
  }
  body.auth-screen .marketplace-auth-points>div{padding:13px 0!important;border-color:rgba(255,255,255,.14)!important}
  body.auth-screen .marketplace-auth-points strong{color:#fff!important}
  body.auth-screen .marketplace-auth-points small{color:rgba(255,255,255,.68)!important}

  body.auth-screen .marketplace-auth-form{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-self:stretch!important;
    width:min(100%,700px)!important;
    max-width:700px!important;
    height:100dvh!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:48px clamp(44px,5vw,76px) 68px!important;
    box-sizing:border-box!important;
    overflow:auto!important;
    background:#fff!important;
    scrollbar-gutter:stable;
  }
  body.auth-screen .register-auth-4425 .marketplace-auth-form{
    width:min(100%,820px)!important;
    max-width:820px!important;
    padding-top:30px!important;
    padding-bottom:62px!important;
  }
  body.auth-screen .marketplace-auth-form-head{margin-bottom:18px!important}
  body.auth-screen .marketplace-auth-form-head h2{font-size:31px!important;line-height:1.08!important;letter-spacing:-.035em!important}
  body.auth-screen .register-auth-4425 .marketplace-auth-form-head h2{font-size:29px!important}
  body.auth-screen .marketplace-auth-form .form-stack{gap:13px!important}
  body.auth-screen .marketplace-auth-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
  body.auth-screen .marketplace-auth-form select{
    min-height:50px!important;
    height:50px!important;
    border:1px solid #dad7e1!important;
    border-radius:999px!important;
    padding:9px 17px!important;
    background:#fff!important;
    color:#30313f!important;
    box-shadow:none!important;
  }
  body.auth-screen .marketplace-auth-form textarea{border-radius:20px!important}
  body.auth-screen .password-field-wrap{border-radius:999px!important;overflow:hidden!important}
  body.auth-screen .marketplace-auth-form .button,
  body.auth-screen .passkey-login-button-23110{min-height:48px!important;border-radius:999px!important}
  body.auth-screen .registration-role-card-350{min-height:58px!important;border-radius:999px!important;padding:9px 12px!important}
  body.auth-screen .registration-role-icon-350{border-radius:50%!important;background:#eee7f2!important;color:#634473!important}
  body.auth-screen .registration-role-card-350:has(input:checked) .registration-role-icon-350{background:#dbc9e4!important;color:#553665!important}
  body.auth-screen .registration-role-check-350{border-color:#ccc6d2!important;color:#706978!important}
  body.auth-screen .registration-role-card-350:has(input:checked) .registration-role-check-350{background:#76518a!important;border-color:#76518a!important;color:#fff!important}
}

@media(max-width:900px){
  html,body.auth-screen{min-height:100svh!important;background:#202230!important;overflow:auto!important}
  body.auth-screen #main-content{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    max-width:none!important;
    min-height:calc(100svh - 34px)!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.auth-screen .marketplace-auth-page,
  body.auth-screen .marketplace-auth-page.auth-page{
    display:flex!important;
    align-items:flex-end!important;
    width:100%!important;
    max-width:none!important;
    min-height:calc(100svh - 34px)!important;
    height:auto!important;
    margin:0!important;
    padding:max(92px,calc(env(safe-area-inset-top) + 80px)) 14px 12px!important;
    box-sizing:border-box!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.auth-screen .login-auth-4425{
    min-height:calc(100svh - 34px)!important;
    height:auto!important;
    overflow:visible!important;
    padding-top:max(92px,calc(env(safe-area-inset-top) + 80px))!important;
    padding-bottom:12px!important;
  }
  body.auth-screen .marketplace-auth-shell{
    display:block!important;
    width:100%!important;
    max-width:620px!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.auth-screen .marketplace-auth-intro{display:none!important}
  /* Restore the approved light glass panel from 4.4.24. */
  body.auth-screen .marketplace-auth-form{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:18px!important;
    border:1px solid rgba(255,255,255,.26)!important;
    border-radius:28px!important;
    box-sizing:border-box!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    box-shadow:0 22px 60px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(22px) saturate(1.18)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
    overflow:visible!important;
  }
  body.auth-screen .login-auth-4425 .marketplace-auth-form{padding:16px 18px!important;overflow:visible!important}
  body.auth-screen .marketplace-auth-form-head{margin:0 0 12px!important}
  body.auth-screen .marketplace-auth-form-head>span{font-size:9px!important;letter-spacing:.14em!important;color:#fff!important}
  body.auth-screen .marketplace-auth-form-head h2{margin:6px 0 5px!important;font-size:28px!important;line-height:1.02!important;letter-spacing:-.035em!important;color:#fff!important}
  body.auth-screen .marketplace-auth-form-head p{margin:0!important;font-size:11px!important;line-height:1.42!important;color:rgba(255,255,255,.78)!important}
  body.auth-screen .register-auth-4425 .marketplace-auth-form-head h2{font-size:28px!important}
  body.auth-screen .marketplace-auth-form .form-stack{gap:10px!important}
  body.auth-screen .marketplace-auth-form .form-row{grid-template-columns:1fr!important;gap:9px!important}
  body.auth-screen .marketplace-auth-form .form-field{gap:5px!important}
  body.auth-screen .marketplace-auth-form .form-field>span,
  body.auth-screen .registration-role-picker-350>legend,
  body.auth-screen .registration-role-note-350,
  body.auth-screen .fine-note{font-size:9px!important;line-height:1.3!important;color:rgba(255,255,255,.86)!important}
  body.auth-screen .marketplace-auth-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
  body.auth-screen .marketplace-auth-form select,
  body.auth-screen .marketplace-auth-form textarea{
    min-height:44px!important;
    height:44px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:999px!important;
    padding:9px 15px!important;
    background:rgba(255,255,255,.16)!important;
    color:#fff!important;
    font-size:16px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
  }
  body.auth-screen .marketplace-auth-form textarea{height:auto!important;border-radius:20px!important}
  body.auth-screen .marketplace-auth-form input::placeholder,
  body.auth-screen .marketplace-auth-form textarea::placeholder{color:rgba(255,255,255,.58)!important}
  body.auth-screen .password-field-wrap{border-radius:999px!important;overflow:hidden!important}
  body.auth-screen .password-field-wrap .password-toggle{width:44px!important;height:44px!important;color:#fff!important;background:transparent!important}
  body.auth-screen .marketplace-auth-form .button-dark{min-height:44px!important;height:44px!important;border-radius:999px!important;padding:8px 15px!important;background:#fff!important;border-color:#fff!important;color:#30313f!important}
  body.auth-screen .marketplace-auth-form .button-outline,
  body.auth-screen .passkey-login-button-23110{min-height:44px!important;height:44px!important;border-radius:999px!important;padding:8px 15px!important;background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.30)!important;color:#fff!important}
  body.auth-screen .marketplace-auth-secondary{margin:7px 0 0!important;font-size:11px!important}
  body.auth-screen .marketplace-auth-secondary a,
  body.auth-screen .marketplace-auth-signin a,
  body.auth-screen .marketplace-auth-signin span,
  body.auth-screen .marketplace-terms-row,
  body.auth-screen .marketplace-terms-row a{color:#fff!important}
  body.auth-screen .passkey-login-divider-23110{margin:11px 0!important}
  body.auth-screen .passkey-login-divider-23110:before,
  body.auth-screen .passkey-login-divider-23110:after,
  body.auth-screen .marketplace-auth-signin{border-color:rgba(255,255,255,.20)!important}
  body.auth-screen .passkey-login-divider-23110 span{color:rgba(255,255,255,.68)!important;background:transparent!important}
  body.auth-screen .marketplace-auth-signin{margin-top:12px!important;padding:12px 0!important;font-size:11px!important}
  body.auth-screen .auth-mobile-brand-4424{top:max(18px,env(safe-area-inset-top))!important}
  body.auth-screen .auth-mobile-brand-4424 img{width:150px!important}

  body.auth-screen .registration-role-options-350{grid-template-columns:1fr!important;gap:7px!important}
  body.auth-screen .registration-role-card-350{
    min-height:54px!important;
    padding:8px 13px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
  }
  body.auth-screen .registration-role-card-350:has(input:checked){
    background:rgba(118,81,138,.94)!important;
    border-color:rgba(229,211,239,.72)!important;
    box-shadow:0 10px 28px rgba(37,25,45,.20)!important;
  }
  body.auth-screen .registration-role-icon-350{
    width:36px!important;
    height:36px!important;
    border-radius:12px!important;
    background:rgba(245,239,248,.92)!important;
    color:#684878!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.34)!important;
  }
  body.auth-screen .registration-role-card-350:has(input:checked) .registration-role-icon-350{
    background:#eadcf1!important;
    color:#593a68!important;
  }
  body.auth-screen .registration-role-copy-350 strong,
  body.auth-screen .registration-role-copy-350 small{color:#fff!important}
  body.auth-screen .registration-role-check-350{color:#fff!important;border-color:rgba(255,255,255,.78)!important;background:rgba(255,255,255,.08)!important}
  body.auth-screen .registration-role-card-350:has(input:checked) .registration-role-check-350{background:#eadcf1!important;border-color:#eadcf1!important;color:#593a68!important}
  body.auth-screen .registration-role-note-350{margin-top:8px!important;font-size:9.5px!important;line-height:1.4!important;color:rgba(255,255,255,.72)!important}
  body.auth-screen .register-auth-4425 .marketplace-auth-form{padding:18px!important}
  body.auth-screen .register-auth-4425 .registration-role-copy-350 small{font-size:10px!important}
  body.auth-screen .register-auth-4425 .registration-terms-4424{font-size:10.5px!important;line-height:1.4!important}

  /* Footer is outside the glass card and finishes the auth page. */
  body.auth-screen .auth-page-legal-4426{
    position:relative!important;
    z-index:4!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:7px 14px max(10px,env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    color:rgba(255,255,255,.72)!important;
    font-size:9px!important;
    line-height:1.35!important;
    text-align:center!important;
    pointer-events:none!important;
  }
}

@media(max-width:390px){
  body.auth-screen .marketplace-auth-page,
  body.auth-screen .marketplace-auth-page.auth-page{padding-left:12px!important;padding-right:12px!important}
  body.auth-screen .marketplace-auth-form{padding-left:15px!important;padding-right:15px!important}
  body.auth-screen .login-auth-4425 .marketplace-auth-form{padding:14px 15px!important}
  body.auth-screen .login-auth-4425 .marketplace-auth-form-head h2{font-size:26px!important}
}

/* Cavvyo 4.4.27 - final full-screen auth geometry, centered intro copy, and selector parity. */
@media(min-width:901px){
  /* Registration must use the same true edge-to-edge canvas as every other auth route. */
  body.auth-screen.auth-register-screen-4427 #main-content{
    position:fixed!important;inset:0!important;z-index:1!important;
    width:100dvw!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;
    margin:0!important;padding:0!important;overflow:hidden!important;
  }
  body.auth-screen.auth-register-screen-4427 .register-auth-4425,
  body.auth-screen.auth-register-screen-4427 .register-auth-4425.marketplace-auth-page{
    position:absolute!important;inset:0!important;left:0!important;top:0!important;
    width:100dvw!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;
    margin:0!important;padding:0!important;transform:none!important;overflow:hidden!important;
  }
  body.auth-screen.auth-register-screen-4427 .register-auth-4425 .marketplace-auth-shell{
    position:absolute!important;inset:0!important;
    width:100dvw!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;
    margin:0!important;transform:none!important;
  }

  /* Brand at top, support points at bottom, narrative optically centered in between. */
  body.auth-screen .marketplace-auth-intro{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    padding:46px clamp(54px,6vw,96px) 50px!important;
  }
  body.auth-screen .marketplace-auth-brand{
    position:relative!important;inset:auto!important;grid-row:1!important;
    align-self:start!important;justify-self:start!important;
  }
  body.auth-screen .marketplace-auth-copy-4427{
    grid-row:2!important;align-self:center!important;justify-self:start!important;
    width:100%!important;max-width:680px!important;margin:0!important;padding:26px 0!important;
  }
  body.auth-screen.away-family-public .marketplace-auth-copy-4427>.eyebrow,
  body.auth-screen.away-family-public .marketplace-auth-copy-4427>.eyebrow.orange{
    position:relative!important;inset:auto!important;z-index:4!important;
    display:inline-flex!important;align-items:center!important;width:max-content!important;min-width:0!important;
    margin:0 0 18px!important;padding:8px 12px!important;
    border:1px solid rgba(239,237,232,.78)!important;border-radius:999px!important;
    background:rgba(239,237,232,.96)!important;color:#30313f!important;box-shadow:none!important;
    font-size:10px!important;line-height:1!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;
  }
  body.auth-screen .marketplace-auth-copy-4427>h1{
    max-width:680px!important;margin:0!important;color:#fff!important;
    font-size:clamp(46px,4.15vw,72px)!important;line-height:1.01!important;letter-spacing:-.045em!important;
  }
  body.auth-screen .marketplace-auth-copy-4427>p{
    max-width:650px!important;margin:20px 0 0!important;color:rgba(255,255,255,.84)!important;
    font-size:15px!important;line-height:1.6!important;
  }
  body.auth-screen .marketplace-auth-points{grid-row:3!important;margin:0!important;align-self:end!important}
}

@media(max-width:900px){
  /* The glass card is vertically centered when it fits; safe centering falls back naturally on long registration screens. */
  body.auth-screen .marketplace-auth-page,
  body.auth-screen .marketplace-auth-page.auth-page,
  body.auth-screen .login-auth-4425{
    align-items:safe center!important;
    justify-content:center!important;
    padding-top:max(92px,calc(env(safe-area-inset-top) + 80px))!important;
    padding-bottom:12px!important;
  }

  /* Registration workspace choices intentionally match desktop exactly; only the grid collapses to one column. */
  body.auth-screen .register-auth-4425 .registration-role-options-350{grid-template-columns:1fr!important;gap:8px!important}
  body.auth-screen .register-auth-4425 .registration-role-card-350{
    display:grid!important;grid-template-columns:30px minmax(0,1fr) 18px!important;gap:7px!important;align-items:center!important;
    min-height:58px!important;padding:9px 12px!important;
    border:1px solid #dedbe5!important;border-radius:999px!important;
    background:#fff!important;color:#30313f!important;box-shadow:none!important;
  }
  body.auth-screen .register-auth-4425 .registration-role-card-350:has(input:checked){
    border-color:#735182!important;background:#f6f1f8!important;box-shadow:none!important;
  }
  body.auth-screen .register-auth-4425 .registration-role-icon-350{
    width:30px!important;height:30px!important;border-radius:50%!important;
    background:#eee7f2!important;color:#634473!important;box-shadow:none!important;
  }
  body.auth-screen .register-auth-4425 .registration-role-card-350:has(input:checked) .registration-role-icon-350{
    background:#dbc9e4!important;color:#553665!important;
  }
  body.auth-screen .register-auth-4425 .registration-role-copy-350{min-width:0!important;margin:0!important;padding:0!important}
  body.auth-screen .register-auth-4425 .registration-role-copy-350 strong{
    display:block!important;margin:0!important;color:#30313f!important;font-size:10.5px!important;line-height:1.2!important;font-weight:800!important;
  }
  body.auth-screen .register-auth-4425 .registration-role-copy-350 small{
    display:block!important;margin:2px 0 0!important;color:#817b88!important;font-size:8.2px!important;line-height:1.25!important;
  }
  body.auth-screen .register-auth-4425 .registration-role-check-350{
    width:17px!important;height:17px!important;border:1px solid #ccc6d2!important;border-radius:50%!important;
    background:#fff!important;color:#706978!important;
  }
  body.auth-screen .register-auth-4425 .registration-role-card-350:has(input:checked) .registration-role-check-350{
    background:#76518a!important;border-color:#76518a!important;color:#fff!important;
  }
}

/* Cavvyo 4.4.28 - preserve desktop auth geometry, remove mobile outer form card, and keep workspace selector parity. */
@media(min-width:901px){
  /* Register uses the exact same left-panel proportions and spacing as the other auth routes. */
  body.auth-screen .registration-choice-page-350.register-auth-4425 .marketplace-auth-shell{
    grid-template-columns:minmax(470px,46%) minmax(0,54%)!important;
    width:100vw!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;
  }
  body.auth-screen .registration-choice-page-350.register-auth-4425 .marketplace-auth-intro{
    display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;
    width:100%!important;height:100dvh!important;min-height:0!important;
    padding:46px clamp(54px,6vw,96px) 50px!important;
  }
  body.auth-screen .registration-choice-page-350.register-auth-4425 .marketplace-auth-brand{
    position:relative!important;inset:auto!important;align-self:start!important;justify-self:start!important;
    margin:0!important;padding:0!important;
  }
  body.auth-screen .registration-choice-page-350.register-auth-4425 .marketplace-auth-copy-4427{
    align-self:center!important;justify-self:start!important;margin:0!important;padding:26px 0!important;
  }
  body.auth-screen .registration-choice-page-350.register-auth-4425 .marketplace-auth-points{
    align-self:end!important;margin:0!important;
  }
}

@media(max-width:900px){
  /* Auth content floats directly over the cinematic background; only the controls carry glass. */
  body.auth-screen #main-content{
    min-height:calc(100svh - 34px)!important;
  }
  body.auth-screen .marketplace-auth-page,
  body.auth-screen .marketplace-auth-page.auth-page,
  body.auth-screen .login-auth-4425{
    min-height:calc(100svh - 34px)!important;
    padding:max(92px,calc(env(safe-area-inset-top) + 78px)) 18px max(20px,env(safe-area-inset-bottom))!important;
    align-items:safe center!important;justify-content:center!important;
  }
  body.auth-screen .marketplace-auth-shell{
    width:100%!important;max-width:620px!important;margin:auto!important;
  }
  body.auth-screen .marketplace-auth-form,
  body.auth-screen .login-auth-4425 .marketplace-auth-form,
  body.auth-screen .register-auth-4425 .marketplace-auth-form{
    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    overflow:visible!important;
  }
  body.auth-screen .marketplace-auth-form-head{
    margin-bottom:14px!important;
    text-shadow:0 2px 18px rgba(23,21,31,.26);
  }
  body.auth-screen .marketplace-auth-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
  body.auth-screen .marketplace-auth-form select,
  body.auth-screen .marketplace-auth-form textarea,
  body.auth-screen .password-field-wrap{
    background:rgba(255,255,255,.23)!important;
    border-color:rgba(255,255,255,.48)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 30px rgba(24,20,31,.16)!important;
    backdrop-filter:blur(18px) saturate(1.22)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.22)!important;
  }
  body.auth-screen .password-field-wrap input{
    background:transparent!important;border:0!important;box-shadow:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  body.auth-screen .marketplace-auth-form .button-outline,
  body.auth-screen .passkey-login-button-23110{
    background:rgba(255,255,255,.18)!important;
    border-color:rgba(255,255,255,.46)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 26px rgba(24,20,31,.12)!important;
    backdrop-filter:blur(18px) saturate(1.2)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.2)!important;
  }

  /* Registration workspace choices use the same visual geometry as desktop. */
  body.auth-screen .registration-choice-page-350.register-auth-4425 .registration-role-options-350{
    grid-template-columns:1fr!important;gap:8px!important;
  }
  body.auth-screen .registration-choice-page-350.register-auth-4425 .registration-role-card-350,
  body.auth-screen .registration-choice-page-350.register-auth-4425 .registration-role-card-350.is-wide{
    grid-column:auto!important;grid-template-columns:30px minmax(0,1fr) 18px!important;
    gap:7px!important;min-height:58px!important;padding:8px 8px!important;
    border:1px solid #dedbe5!important;border-radius:999px!important;background:#fff!important;color:#30313f!important;
    box-shadow:none!important;
  }
  body.auth-screen .registration-choice-page-350.register-auth-4425 .registration-role-card-350:has(input:checked){
    border-color:#735182!important;background:#f6f1f8!important;box-shadow:0 0 0 2px rgba(115,81,130,.08)!important;
  }
  body.auth-screen .registration-choice-page-350.register-auth-4425 .registration-role-icon-350{
    width:30px!important;height:30px!important;border-radius:50%!important;
    background:#eee7f2!important;color:#634473!important;font-size:13px!important;box-shadow:none!important;
  }
  body.auth-screen .registration-choice-page-350.register-auth-4425 .registration-role-card-350:has(input:checked) .registration-role-icon-350{
    background:#dbc9e4!important;color:#553665!important;
  }
  body.auth-screen .registration-choice-page-350.register-auth-4425 .registration-role-copy-350 strong{
    color:#30313f!important;font-size:10.5px!important;line-height:1.2!important;
  }
  body.auth-screen .registration-choice-page-350.register-auth-4425 .registration-role-copy-350 small{
    margin-top:2px!important;color:#817b88!important;font-size:8.2px!important;line-height:1.25!important;
  }
  body.auth-screen .registration-choice-page-350.register-auth-4425 .registration-role-check-350{
    width:17px!important;height:17px!important;border:1px solid #ccc6d2!important;border-radius:50%!important;
    background:#fff!important;color:#706978!important;font-size:9px!important;
  }
  body.auth-screen .registration-choice-page-350.register-auth-4425 .registration-role-card-350:has(input:checked) .registration-role-check-350{
    background:#76518a!important;border-color:#76518a!important;color:#fff!important;
  }
}
@media(max-width:900px){
  body.auth-screen .marketplace-auth-form .password-field-wrap input:not([type=checkbox]):not([type=radio]):not([type=hidden]){
    background:transparent!important;border:0!important;box-shadow:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
}

/* Cavvyo 4.4.29 - auth placeholders/registration label consistency. */
@media(min-width:901px){
  body.auth-screen .register-auth-4425 .registration-role-picker-350>legend{
    margin:0 0 7px!important;
    color:#4d4955!important;
    font-size:.68rem!important;
    line-height:1.3!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
  }
}
@media(max-width:900px){
  body.auth-screen .register-auth-4425 .registration-role-picker-350>legend{
    font-size:9px!important;
    line-height:1.3!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
  }
}

/* Cavvyo 4.4.31 - full-bleed mobile auth canvas and Safari chrome color blending. */
@media(max-width:900px){
  html.auth-document-4431,
  html.auth-document-4431 body.auth-screen{
    width:100%!important;min-width:100%!important;min-height:100%!important;margin:0!important;
    background:#242531 url('../images/cavvyo-auth-mobile-poster.jpg') center center/cover no-repeat fixed!important;
  }
  html.auth-document-4431 body.auth-screen{
    min-height:100dvh!important;
    min-height:100lvh!important;
  }
  body.auth-screen .auth-mobile-cinematic-4424{
    position:fixed!important;
    top:calc(-1 * env(safe-area-inset-top))!important;
    right:0!important;
    bottom:calc(-1 * env(safe-area-inset-bottom))!important;
    left:0!important;
    width:100vw!important;
    height:auto!important;
    min-height:calc(100lvh + env(safe-area-inset-top) + env(safe-area-inset-bottom))!important;
    background:#242531 url('../images/cavvyo-auth-mobile-poster.jpg') center center/cover no-repeat!important;
  }
  body.auth-screen .auth-mobile-cinematic-4424 video{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center center!important;
  }
  body.auth-screen #main-content,
  body.auth-screen .marketplace-auth-page,
  body.auth-screen .marketplace-auth-page.auth-page{
    min-height:100dvh!important;
  }
}

/* Cavvyo 4.4.32 - stable mobile auth viewport with cinematic edge gradient.
   Keep the video inside the real webpage viewport; blend Safari chrome with a dark gradient
   instead of pulling the video beyond safe-area boundaries. */
@media(max-width:900px){
  html.auth-document-4431,
  html.auth-document-4431 body.auth-screen{
    width:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    margin:0!important;
    overflow-x:hidden!important;
    background:#1d1e2a!important;
  }
  html.auth-document-4431 body.auth-screen,
  body.auth-screen #main-content{
    min-height:100dvh!important;
  }
  body.auth-screen .auth-mobile-cinematic-4424{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100svh!important;
    background:#1d1e2a url('../images/cavvyo-auth-mobile-poster.jpg') center center/cover no-repeat!important;
    overflow:hidden!important;
  }
  body.auth-screen .auth-mobile-cinematic-4424 video{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  body.auth-screen .auth-mobile-cinematic-4424 span{
    position:absolute!important;
    inset:0!important;
    background:
      linear-gradient(180deg,
        rgba(25,26,38,.78) 0%,
        rgba(25,26,38,.54) 9%,
        rgba(25,26,38,.24) 22%,
        rgba(25,26,38,.13) 44%,
        rgba(25,26,38,.26) 70%,
        rgba(25,26,38,.70) 100%)!important;
  }
  body.auth-screen .auth-mobile-brand-4424{
    top:max(24px,calc(env(safe-area-inset-top) + 16px))!important;
  }
  body.auth-screen .marketplace-auth-page,
  body.auth-screen .marketplace-auth-page.auth-page,
  body.auth-screen .login-auth-4425{
    min-height:100dvh!important;
    padding-top:max(94px,calc(env(safe-area-inset-top) + 82px))!important;
    padding-bottom:max(20px,env(safe-area-inset-bottom))!important;
  }
}

/* Cavvyo 4.4.33 - keep the mobile Login and Forgot Password footer in the first viewport. */
@media(max-width:900px){
  body.auth-screen.auth-login-screen-4433 #main-content,
  body.auth-screen.auth-forgot-screen-4433 #main-content{
    min-height:calc(100dvh - 34px)!important;
  }
  body.auth-screen.auth-login-screen-4433 .marketplace-auth-page,
  body.auth-screen.auth-login-screen-4433 .marketplace-auth-page.auth-page,
  body.auth-screen.auth-login-screen-4433 .login-auth-4425,
  body.auth-screen.auth-forgot-screen-4433 .marketplace-auth-page,
  body.auth-screen.auth-forgot-screen-4433 .marketplace-auth-page.auth-page{
    min-height:calc(100dvh - 34px)!important;
    padding-top:max(84px,calc(env(safe-area-inset-top) + 72px))!important;
    padding-bottom:10px!important;
  }
}