@import url("/css/doc.prod.min.css");
@import url("/css/theme.min.css");
@import url("/css/ui-polish.min.css");
@import url("/css/mobile-polish.min.css");
@import url("/css/appbar.min.css");
@import url("/css/appbar-greeting.min.css");
@import url("/css/feed.min.css");
@import url("/css/gallery.min.css");
@import url("/css/stories.min.css");
@import url("/css/geo-restricted.min.css");
@import url("/css/body-system.min.css");
@import url("/css/theme.kebab.min.css");


/* IG206.91 FRIENDS BUTTON CONTRAST SAFE PATCH */
.friends-page .btn-danger,
.friends-page .btn-remove-friend,
.friends-page .friend-remove-btn,
.friends-page button[type="submit"]{
    color:#fff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.18);
    font-weight:700;
}


/* IG206.92 FRIENDS REMOVE BUTTON TEXT FIX SAFE PATCH
   Exact selector for the friends list remove action. Keeps existing gradient/glow. */
.friends-page .friend-actions .btn.btn--danger,
.friends-page .friend-actions button.btn--danger,
.friends-page .friend-actions button[data-friend-remove],
.friends-page button[data-friend-remove].btn--danger{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.24) !important;
  font-weight:800 !important;
}

.friends-page .friend-actions .btn.btn--danger:hover,
.friends-page .friend-actions .btn.btn--danger:focus,
.friends-page .friend-actions .btn.btn--danger:active,
.friends-page .friend-actions button[data-friend-remove]:hover,
.friends-page .friend-actions button[data-friend-remove]:focus,
.friends-page .friend-actions button[data-friend-remove]:active{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}


/* IG206.93 FRIENDS ACTIONS CLICK + CONTRAST SAFE PATCH */
.friends .friend-actions{position:relative;z-index:2;}
.friends .friend-action-form{display:inline-flex;margin:0;position:relative;z-index:3;}
.friends .friend-action-form .btn{position:relative;z-index:4;pointer-events:auto;cursor:pointer;}
.friends .friend-actions .kruh-friends-action--remove,
.friends .friend-actions .kruh-friends-action--remove:link,
.friends .friend-actions .kruh-friends-action--remove:visited,
.friends .friend-actions .kruh-friends-action--remove:hover,
.friends .friend-actions .kruh-friends-action--remove:focus,
.friends .friend-actions .kruh-friends-action--remove:active,
.friends .friend-actions button[data-friend-remove].kruh-friends-action--remove{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.26) !important;
  font-weight:800 !important;
}
.friends .friend-actions .kruh-friends-action--cancel,
.friends .friend-actions button[data-friend-cancel].kruh-friends-action--cancel{
  pointer-events:auto;
  cursor:pointer;
}

/* IG206.94 FRIENDS CANCEL NATIVE SUBMIT SAFE PATCH */
.friends .friend-action-form{
    margin:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.friends .friend-action-form .kruh-friends-action--cancel,
.friends .friend-action-form .kruh-friends-action--native{
    pointer-events:auto;
    cursor:pointer;
    user-select:none;
}
.friends .friend-action-form .kruh-friends-action--remove{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.20);
}


.feed-verified-card,
.profile-verified-card{
position:relative;
overflow:visible;
}

.feed-verified-dismiss,
.profile-verified-dismiss,
.verified-dismiss{
position:absolute !important;
top:14px !important;
right:14px !important;
z-index:60 !important;
width:22px !important;
height:22px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:7px !important;
border:1px solid rgba(226,232,240,.95) !important;
background:#ffffff !important;
color:#64748b !important;
font-size:13px !important;
font-weight:700 !important;
line-height:1 !important;
padding:0 !important;
cursor:pointer !important;
pointer-events:auto !important;
box-shadow:none !important;
transition:all .14s ease !important;
}

.feed-verified-dismiss:hover,
.profile-verified-dismiss:hover,
.verified-dismiss:hover{
background:#f8fafc !important;
border-color:#cbd5e1 !important;
color:#334155 !important;
transform:translateY(-1px);
}

.feed-verified-dismiss svg,
.profile-verified-dismiss svg,
.verified-dismiss svg{
width:10px !important;
height:10px !important;
pointer-events:none !important;
}


/* IG207.29 VERIFIED CLOSE COOKIE PERSISTENCE SAFE PATCH */
.feed-verified-dismiss,
.profile-verified-dismiss,
.verified-dismiss,
[data-verified-dismiss]{
    pointer-events:auto !important;
}
.feed-verified-card[data-verified-closed="1"],
.profile-verified-card[data-verified-closed="1"],
.verified-card[data-verified-closed="1"],
[data-verified-panel][data-verified-closed="1"]{
    display:none !important;
}


/* IG207.30 VERIFIED CLOSE COOKIE CORE FIX */
[data-verified-card].is-verified-hidden,
[data-verified-card][hidden]{
  display:none !important;
}
[data-verified-dismiss]{
  pointer-events:auto !important;
  cursor:pointer !important;
}


/* IG207.31 VERIFIED ROUND CLOSE + COOKIE FINAL SAFE PATCH */
.feed-verified-card,
.profile-verified-card,
[data-verified-card]{
  position:relative;
}

.feed-verified-dismiss,
.profile-verified-dismiss,
.verified-dismiss,
[data-verified-dismiss]{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  z-index:30 !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  max-width:30px !important;
  max-height:30px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid rgba(203,213,225,.68) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.86) !important;
  color:#64748b !important;
  font-size:0 !important;
  line-height:1 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  box-shadow:0 1px 2px rgba(15,23,42,.05) !important;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease,box-shadow .14s ease !important;
  -webkit-tap-highlight-color:transparent;
}

.feed-verified-dismiss::before,
.feed-verified-dismiss::after,
.profile-verified-dismiss::before,
.profile-verified-dismiss::after,
.verified-dismiss::before,
.verified-dismiss::after,
[data-verified-dismiss]::before,
[data-verified-dismiss]::after{
  content:"" !important;
  position:absolute !important;
  width:13px !important;
  height:2px !important;
  border-radius:999px !important;
  background:currentColor !important;
  top:50% !important;
  left:50% !important;
  transform-origin:center !important;
  pointer-events:none !important;
}

.feed-verified-dismiss::before,
.profile-verified-dismiss::before,
.verified-dismiss::before,
[data-verified-dismiss]::before{
  transform:translate(-50%,-50%) rotate(45deg) !important;
}

.feed-verified-dismiss::after,
.profile-verified-dismiss::after,
.verified-dismiss::after,
[data-verified-dismiss]::after{
  transform:translate(-50%,-50%) rotate(-45deg) !important;
}

.feed-verified-dismiss:hover,
.profile-verified-dismiss:hover,
.verified-dismiss:hover,
[data-verified-dismiss]:hover{
  background:#f8fafc !important;
  border-color:rgba(148,163,184,.78) !important;
  color:#475569 !important;
  box-shadow:0 3px 8px rgba(15,23,42,.08) !important;
  transform:translateY(-1px) !important;
}

.feed-verified-dismiss:active,
.profile-verified-dismiss:active,
.verified-dismiss:active,
[data-verified-dismiss]:active{
  transform:translateY(0) scale(.96) !important;
}

.feed-verified-dismiss svg,
.profile-verified-dismiss svg,
.verified-dismiss svg,
[data-verified-dismiss] svg{
  display:none !important;
}

.feed-verified-card.is-verified-hiding,
.profile-verified-card.is-verified-hiding,
[data-verified-card].is-verified-hiding{
  opacity:0 !important;
  transform:translateY(-4px) !important;
  transition:opacity .18s ease,transform .18s ease !important;
}

.feed-verified-card[data-verified-closed="1"],
.profile-verified-card[data-verified-closed="1"],
[data-verified-card][data-verified-closed="1"],
[data-verified-card][hidden]{
  display:none !important;
}


/* IG207.32 VERIFIED CLOSE PERSIST HARD FIX */
[data-verified-closed="1"],
[data-verified-card][hidden],
.feed-verified-card[hidden],
.profile-verified-card[hidden]{
  display:none !important;
}
[data-verified-dismiss],
.feed-verified-dismiss,
.profile-verified-dismiss,
.verified-dismiss{
  pointer-events:auto !important;
  cursor:pointer !important;
}


/* IG207.43 SUPPORT SINGLE + GUEST FEED REDIRECT SAFE PATCH */
.kruh-ad--support[data-kruh-support-hidden="1"]{
  display:none !important;
}


/* IG207.48 FOOTER SINGLE RENDER SAFE PATCH */
.kruh-footer + .kruh-footer{
  display:none !important;
}
footer + footer{
  display:none !important;
}


/* IG207.49 NATIVE VERIFIED CLOSE CLICK FIX SAFE PATCH */
.profile-verified-card,
.feed-verified-card,
[data-verified-card]{
  position:relative;
}
.profile-verified-dismiss,
.feed-verified-dismiss,
.verified-dismiss,
[data-verified-dismiss]{
  pointer-events:auto !important;
  cursor:pointer !important;
  z-index:80 !important;
}
.profile-verified-card[hidden],
.feed-verified-card[hidden],
[data-verified-card][hidden],
.profile-verified-card[data-verified-closed="1"],
.feed-verified-card[data-verified-closed="1"],
[data-verified-card][data-verified-closed="1"]{
  display:none !important;
}


/* IG207.50 VERIFIED X CLICK LAYER FIX SAFE PATCH */

.profile-verified-card,
.feed-verified-card,
[data-verified-card],
.verified-card-shell{
    position: relative !important;
    isolation: isolate !important;
}

.profile-verified-card::before,
.profile-verified-card::after,
.feed-verified-card::before,
.feed-verified-card::after,
[data-verified-card]::before,
[data-verified-card]::after{
    pointer-events: none !important;
}

.profile-verified-dismiss,
.feed-verified-dismiss,
.verified-dismiss,
[data-verified-dismiss]{
    position: relative !important;
    z-index: 999999 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.profile-verified-dismiss *,
.feed-verified-dismiss *,
.verified-dismiss *,
[data-verified-dismiss] *{
    pointer-events: none !important;
}


/* IG207.51 VERIFIED INLINE ONCLICK CLICK TARGET SAFE PATCH */
.profile-verified-card,
.feed-verified-card,
[data-verified-card],
.verified-card-shell{
    position:relative !important;
}

.profile-verified-dismiss,
.feed-verified-dismiss,
.verified-dismiss,
[data-verified-dismiss]{
    position:absolute !important;
    top:14px !important;
    right:14px !important;
    z-index:2147483647 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent;
}


/* IG207.52 NATIVE VERIFIED REAL BUTTON FIX SAFE PATCH */
.kruh-native-verified-force-close{
    position:absolute !important;
    top:14px !important;
    right:14px !important;
    z-index:2147483647 !important;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(203,213,225,.78) !important;
    border-radius:10px !important;
    background:#ffffff !important;
    color:#64748b !important;
    font-size:22px !important;
    font-weight:700 !important;
    line-height:1 !important;
    padding:0 !important;
    margin:0 !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    user-select:none !important;
    box-shadow:0 1px 2px rgba(15,23,42,.05) !important;
    touch-action:manipulation !important;
}
.kruh-native-verified-force-close:hover{
    background:#f8fafc !important;
    color:#334155 !important;
}
.profile-verified-card,
.feed-verified-card,
[data-verified-card],
.verified-card-shell{
    position:relative !important;
}


/* IG207.53 NATIVE VERIFIED CORNER HITBOX CLOSE SAFE PATCH */
.profile-verified-card,
.feed-verified-card,
[data-verified-card],
.verified-card-shell{
  position:relative !important;
}

.profile-verified-card[hidden],
.feed-verified-card[hidden],
[data-verified-card][hidden],
.verified-card-shell[hidden]{
  display:none !important;
}

/* Make the visible X look intentionally clickable, while JS handles the whole corner hitbox. */
.profile-verified-dismiss,
.feed-verified-dismiss,
.verified-dismiss,
.kruh-native-verified-force-close,
[data-verified-dismiss]{
  pointer-events:auto !important;
  cursor:pointer !important;
  z-index:2147483647 !important;
}


/* IG207.54 NATIVE VERIFIED FORM/C00KIE CLOSE FIX SAFE PATCH */
.native-verified-close-v54{
    position:absolute !important;
    top:14px !important;
    right:14px !important;
    z-index:2147483647 !important;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(203,213,225,.85) !important;
    border-radius:10px !important;
    background:#fff !important;
    color:#64748b !important;
    font-size:22px !important;
    font-weight:800 !important;
    line-height:1 !important;
    padding:0 !important;
    margin:0 !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    user-select:none !important;
    touch-action:manipulation !important;
    box-shadow:0 1px 2px rgba(15,23,42,.06) !important;
}
.native-verified-close-v54:hover{
    background:#f8fafc !important;
    color:#334155 !important;
}
.profile-verified-card,
.feed-verified-card,
[data-verified-card],
.verified-card-shell{
    position:relative !important;
}


/* IG207.54 prefer real native close button over old blocked X */
.profile-verified-card:has(.native-verified-close-v54) .profile-verified-dismiss:not(.native-verified-close-v54),
.feed-verified-card:has(.native-verified-close-v54) .feed-verified-dismiss:not(.native-verified-close-v54),
[data-verified-card]:has(.native-verified-close-v54) [data-verified-dismiss]:not(.native-verified-close-v54){
    display:none !important;
}


/* IG207.55 NATIVE VERIFIED CENTER HITBOX FIX SAFE PATCH */
.native-verified-close-v54{
    box-sizing:border-box !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    max-width:36px !important;
    max-height:36px !important;
    top:10px !important;
    right:10px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    line-height:1 !important;
    font-size:0 !important;
    color:transparent !important;
    overflow:hidden !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    z-index:2147483647 !important;
}

.native-verified-close-v54::before,
.native-verified-close-v54::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:14px !important;
    height:2px !important;
    border-radius:999px !important;
    background:#64748b !important;
    pointer-events:none !important;
    transform-origin:center !important;
}

.native-verified-close-v54::before{
    transform:translate(-50%,-50%) rotate(45deg) !important;
}

.native-verified-close-v54::after{
    transform:translate(-50%,-50%) rotate(-45deg) !important;
}

.native-verified-close-v54:hover::before,
.native-verified-close-v54:hover::after{
    background:#334155 !important;
}

.native-verified-close-v54 *,
.native-verified-close-v54 span,
.native-verified-close-v54 svg{
    pointer-events:none !important;
}


/* IG207.56 NAVBAR X SCOPE FIX SAFE PATCH */
.native-verified-close-v54{
    display:none !important;
}

.profile-verified-card > .native-verified-close-v54,
.feed-verified-card > .native-verified-close-v54,
[data-verified-card] > .native-verified-close-v54,
.verified-card-shell > .native-verified-close-v54{
    display:flex !important;
}

body > .native-verified-close-v54,
.appbar .native-verified-close-v54,
.topbar .native-verified-close-v54,
.navbar .native-verified-close-v54,
.pk-appbar .native-verified-close-v54,
header .native-verified-close-v54{
    display:none !important;
    pointer-events:none !important;
}


/* IG207.57 REMOVE NAVBAR STRAY X FINAL SAFE PATCH */
body > .native-verified-close-v54,
body > .kruh-native-verified-force-close,
.appbar .native-verified-close-v54,
.appbar .kruh-native-verified-force-close,
.topbar .native-verified-close-v54,
.topbar .kruh-native-verified-force-close,
.navbar .native-verified-close-v54,
.navbar .kruh-native-verified-force-close,
header .native-verified-close-v54,
header .kruh-native-verified-force-close,
.pk-appbar .native-verified-close-v54,
.pk-appbar .kruh-native-verified-force-close,
.native-verified-close-v54,
.kruh-native-verified-force-close{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

.profile-verified-card .profile-verified-dismiss,
.profile-verified-card .feed-verified-dismiss,
.profile-verified-card [data-verified-dismiss],
.feed-verified-card .profile-verified-dismiss,
.feed-verified-card .feed-verified-dismiss,
.feed-verified-card [data-verified-dismiss],
[data-verified-card] .profile-verified-dismiss,
[data-verified-card] .feed-verified-dismiss,
[data-verified-card] [data-verified-dismiss]{
    display:inline-flex !important;
    visibility:visible !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    z-index:2147483647 !important;
}


/* IG207.65 REACTIONS TRUE HIT-TARGET PIPELINE FIX */
.feed-bg .post__actions,
.post__actions{
  position:relative !important;
  z-index:120 !important;
  overflow:visible !important;
}
.feed-bg .rxform,
.rxform{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  overflow:visible !important;
  z-index:130 !important;
}
.feed-bg .rxwrap,
.rxwrap{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  overflow:visible !important;
  z-index:140 !important;
}
.feed-bg .rxpicker,
.rxpicker{
  position:absolute !important;
  left:0 !important;
  bottom:calc(100% + 8px) !important;
  z-index:2147483000 !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(6px) scale(.985) !important;
  transition:opacity .12s ease, transform .12s ease, visibility .12s ease !important;
  margin:0 !important;
}
.feed-bg .rxwrap.rxwrap--open .rxpicker,
.rxwrap.rxwrap--open .rxpicker,
.feed-bg .rxwrap:focus-within .rxpicker,
.rxwrap:focus-within .rxpicker,
.feed-bg .rxwrap:hover .rxpicker,
.rxwrap:hover .rxpicker{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) scale(1) !important;
}
.feed-bg .rxpicker::before,
.feed-bg .rxpicker::after,
.rxpicker::before,
.rxpicker::after{
  pointer-events:none !important;
}
.feed-bg .rxmain,
.rxmain,
.feed-bg .rxpicker .rxbtn,
.rxpicker .rxbtn,
.citem__react,
.citem__react .cbtn,
[data-comment-react-btn]{
  position:relative !important;
  z-index:2 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
  user-select:none !important;
}
.feed-bg .rxbtn:disabled,
.rxbtn:disabled,
.cbtn:disabled,
[data-comment-react-btn]:disabled{
  opacity:.72 !important;
  cursor:wait !important;
}


.feed-bg .rxwrap,
.rxwrap{
  position:relative !important;
  overflow:visible !important;
  isolation:isolate !important;
}
.feed-bg .rxpicker,
.rxpicker{
  z-index:6000 !important;
  pointer-events:none !important;
}
.feed-bg .rxwrap.rxwrap--open .rxpicker,
.rxwrap.rxwrap--open .rxpicker,
.feed-bg .rxwrap:hover .rxpicker,
.rxwrap:hover .rxpicker,
.feed-bg .rxwrap:focus-within .rxpicker,
.rxwrap:focus-within .rxpicker{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
.feed-bg .rxpicker .rxbtn,
.rxpicker .rxbtn,
.feed-bg .rxmain,
.rxmain,
.citem__react,
.citem__react .cbtn,
[data-comment-react-btn]{
  position:relative !important;
  z-index:2 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
}
.feed-bg .rxpicker::before,
.feed-bg .rxpicker::after,
.rxpicker::before,
.rxpicker::after{
  pointer-events:none !important;
}

/* IG207.66 SHARE ACTION VISIBILITY SAFE PATCH
   Keep the post share action readable after the reactions hit-target fix.
   Targeted only to feed/post action rows; no chat/voice/realtime changes. */
.post__actions button.linkbtn[data-share-open],
.post__actions .rxform > button.linkbtn[data-share-open],
.feed-bg .post__actions button.linkbtn[data-share-open]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:max-content !important;
  width:auto !important;
  flex:0 0 auto !important;
  position:relative !important;
  z-index:150 !important;
  padding:2px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#64748b !important;
  -webkit-text-fill-color:#64748b !important;
  opacity:1 !important;
  text-shadow:none !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  isolation:auto !important;
}
.post__actions button.linkbtn[data-share-open]:hover,
.feed-bg .post__actions button.linkbtn[data-share-open]:hover{
  color:#334155 !important;
  -webkit-text-fill-color:#334155 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-decoration:underline !important;
  transform:none !important;
}
.post__actions button.linkbtn[data-share-open]:focus,
.post__actions button.linkbtn[data-share-open]:active,
.feed-bg .post__actions button.linkbtn[data-share-open]:focus,
.feed-bg .post__actions button.linkbtn[data-share-open]:active{
  color:#334155 !important;
  -webkit-text-fill-color:#334155 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
  transform:none !important;
}
.post__actions button.linkbtn[data-share-open]::before,
.post__actions button.linkbtn[data-share-open]::after,
.feed-bg .post__actions button.linkbtn[data-share-open]::before,
.feed-bg .post__actions button.linkbtn[data-share-open]::after{
  display:none !important;
  content:none !important;
}
[data-theme="dark"] .post__actions button.linkbtn[data-share-open],
body.dark .post__actions button.linkbtn[data-share-open],
html[data-theme="dark"] .post__actions button.linkbtn[data-share-open]{
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
}
[data-theme="dark"] .post__actions button.linkbtn[data-share-open]:hover,
body.dark .post__actions button.linkbtn[data-share-open]:hover,
html[data-theme="dark"] .post__actions button.linkbtn[data-share-open]:hover{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}

/* IG207.67 COMMENT SHARE TEXT VISIBILITY SAFE PATCH
   Keep the inline comment share action readable after reaction hit-target fixes.
   Targeted only to comment action rows; no chat/voice/realtime/E2EE changes. */
.citem__actions .citem__share.linkbtn[data-share-open],
.citem__actions button.citem__share.linkbtn[data-share-open],
.feed-bg .citem__actions .citem__share.linkbtn[data-share-open]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:max-content !important;
  width:auto !important;
  flex:0 0 auto !important;
  position:relative !important;
  z-index:25 !important;
  padding:2px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#64748b !important;
  -webkit-text-fill-color:#64748b !important;
  opacity:1 !important;
  text-shadow:none !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  transform:none !important;
}
.citem__actions .citem__share.linkbtn[data-share-open]:hover,
.citem__actions button.citem__share.linkbtn[data-share-open]:hover,
.feed-bg .citem__actions .citem__share.linkbtn[data-share-open]:hover{
  color:#334155 !important;
  -webkit-text-fill-color:#334155 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-decoration:underline !important;
  transform:none !important;
}
.citem__actions .citem__share.linkbtn[data-share-open]:focus,
.citem__actions .citem__share.linkbtn[data-share-open]:active,
.feed-bg .citem__actions .citem__share.linkbtn[data-share-open]:focus,
.feed-bg .citem__actions .citem__share.linkbtn[data-share-open]:active{
  color:#334155 !important;
  -webkit-text-fill-color:#334155 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
  transform:none !important;
}
.citem__actions .citem__share.linkbtn[data-share-open]::before,
.citem__actions .citem__share.linkbtn[data-share-open]::after,
.feed-bg .citem__actions .citem__share.linkbtn[data-share-open]::before,
.feed-bg .citem__actions .citem__share.linkbtn[data-share-open]::after{
  display:none !important;
  content:none !important;
}
[data-theme="dark"] .citem__actions .citem__share.linkbtn[data-share-open],
body.dark .citem__actions .citem__share.linkbtn[data-share-open],
html[data-theme="dark"] .citem__actions .citem__share.linkbtn[data-share-open]{
  color:#cbd5e1 !important;
  -webkit-text-fill-color:#cbd5e1 !important;
}
[data-theme="dark"] .citem__actions .citem__share.linkbtn[data-share-open]:hover,
body.dark .citem__actions .citem__share.linkbtn[data-share-open]:hover,
html[data-theme="dark"] .citem__actions .citem__share.linkbtn[data-share-open]:hover{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}

/* IG207.83 NOTIFICATION CENTER FINAL PREMIUM POLISH SAFE PATCH
   Targeted final UI polish only. Keeps notification JS/realtime/chat/voice/reactions untouched. */
#notifPanel.navdd__panel.notif{
  width:min(390px, calc(100vw - 24px)) !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,250,252,.97)) !important;
  border:1px solid rgba(203,213,225,.78) !important;
  box-shadow:0 26px 72px rgba(15,23,42,.18),0 4px 14px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.92) !important;
}
#notifPanel .notif__head{
  padding:18px 18px 13px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:start !important;
  gap:14px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.84)) !important;
}
#notifPanel .notif__title{
  font-size:19px !important;
  line-height:1.05 !important;
  letter-spacing:-.04em !important;
  font-weight:950 !important;
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
}
#notifPanel .notif__subtitle{
  max-width:240px !important;
  margin-top:6px !important;
  font-size:12.5px !important;
  line-height:1.25 !important;
  font-weight:750 !important;
  color:#64748b !important;
  -webkit-text-fill-color:#64748b !important;
}
#notifPanel .notif__headActions{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  flex:0 0 auto !important;
}
#notifPanel .notif__iconBtn,
#notifPanel .notif__mark{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  border-radius:13px !important;
  background:rgba(241,245,249,.86) !important;
  border:1px solid rgba(226,232,240,.9) !important;
  color:#64748b !important;
  -webkit-text-fill-color:#64748b !important;
  box-shadow:none !important;
  opacity:1 !important;
}
#notifPanel .notif__iconBtn:hover,
#notifPanel .notif__mark:hover{
  transform:translateY(-1px) !important;
  background:#eff6ff !important;
  border-color:#bfdbfe !important;
  color:#2563eb !important;
  -webkit-text-fill-color:#2563eb !important;
  box-shadow:0 10px 22px rgba(37,99,235,.12) !important;
}
#notifPanel .notif__iconBtn.is-disabled,
#notifPanel .notif__mark.is-disabled{
  opacity:.44 !important;
  transform:none !important;
  background:#f8fafc !important;
  color:#94a3b8 !important;
  -webkit-text-fill-color:#94a3b8 !important;
  cursor:not-allowed !important;
  box-shadow:none !important;
}
#notifPanel .notif__filters{
  position:sticky !important;
  top:0 !important;
  z-index:5 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:9px !important;
  padding:12px 14px !important;
  background:rgba(248,250,252,.94) !important;
  border-top:1px solid rgba(255,255,255,.78) !important;
  border-bottom:1px solid rgba(226,232,240,.72) !important;
  backdrop-filter:blur(12px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(145%) !important;
}
#notifPanel .notif__filter{
  min-width:0 !important;
  min-height:36px !important;
  padding:0 10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  column-gap:8px !important;
  border-radius:999px !important;
  border:1px solid rgba(226,232,240,.94) !important;
  background:rgba(255,255,255,.96) !important;
  color:#334155 !important;
  -webkit-text-fill-color:#334155 !important;
  box-shadow:0 6px 16px rgba(15,23,42,.045) !important;
  font-size:12.5px !important;
  font-weight:900 !important;
  letter-spacing:-.015em !important;
  white-space:nowrap !important;
}
#notifPanel .notif__filter span{
  display:inline-block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
#notifPanel .notif__filter b{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-width:21px !important;
  height:21px !important;
  margin-left:0 !important;
  padding:0 7px !important;
  border-radius:999px !important;
  background:#e2e8f0 !important;
  color:#334155 !important;
  -webkit-text-fill-color:#334155 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
  font-variant-numeric:tabular-nums !important;
}
#notifPanel .notif__filter.is-active,
#notifPanel .notif__filter[aria-pressed="true"]{
  background:linear-gradient(135deg,#2563eb,#6256f6) !important;
  border-color:rgba(59,130,246,.45) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:0 12px 28px rgba(37,99,235,.24) !important;
}
#notifPanel .notif__filter.is-active b,
#notifPanel .notif__filter[aria-pressed="true"] b{
  background:rgba(255,255,255,.22) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18) !important;
}
#notifPanel .notif__list{
  padding:9px !important;
  max-height:min(438px, calc(100vh - 254px)) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.94)) !important;
}
#notifPanel .notif__item{
  border-radius:19px !important;
  margin:0 0 7px !important;
}
#notifPanel .notif__item.is-unread{
  background:linear-gradient(135deg,rgba(239,246,255,.98),rgba(255,255,255,.97)) !important;
  border-color:rgba(191,219,254,.92) !important;
}
#notifPanel .notif__link{
  grid-template-columns:52px minmax(0,1fr) !important;
  gap:12px !important;
  padding:13px 39px 13px 12px !important;
}
#notifPanel .notif__metaLine{
  gap:7px !important;
  margin-bottom:4px !important;
}
#notifPanel .notif__metaLine span{
  font-size:10.5px !important;
  letter-spacing:.025em !important;
  color:#2563eb !important;
  -webkit-text-fill-color:#2563eb !important;
}
#notifPanel .notif__text{
  font-size:13.5px !important;
  line-height:1.28 !important;
  font-weight:780 !important;
  letter-spacing:-.018em !important;
}
#notifPanel .notif__preview{
  margin-top:7px !important;
  padding:8px 10px !important;
  border-radius:13px !important;
}
#notifPanel .notif__delete{
  top:10px !important;
  right:9px !important;
  width:28px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  font-size:18px !important;
  line-height:1 !important;
}
#notifPanel .notif__empty,
#notifPanel .notif__empty--premium{
  min-height:190px !important;
  padding:26px 22px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  text-align:center !important;
  color:#64748b !important;
  -webkit-text-fill-color:#64748b !important;
  background:radial-gradient(circle at 50% 15%,rgba(219,234,254,.9),rgba(255,255,255,0) 48%) !important;
}
#notifPanel .notif__empty strong{
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
  font-size:15px !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
}
#notifPanel .notif__foot{
  padding:11px 14px 14px !important;
  background:rgba(248,250,252,.96) !important;
}
#notifPanel .notif__all{
  min-height:42px !important;
  border-radius:999px !important;
  background:#fff !important;
  border:1px solid rgba(226,232,240,.94) !important;
  box-shadow:0 8px 20px rgba(15,23,42,.055) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding-inline:18px !important;
}
@media(max-width:560px){
  #notifPanel.navdd__panel.notif{
    left:10px !important;
    right:10px !important;
    width:auto !important;
    max-width:none !important;
    border-radius:22px !important;
  }
  #notifPanel .notif__head{padding:16px 15px 12px !important}
  #notifPanel .notif__subtitle{max-width:210px !important}
  #notifPanel .notif__filters{padding:10px 11px !important;gap:8px !important}
  #notifPanel .notif__filter{font-size:12px !important;padding:0 9px !important;column-gap:6px !important}
  #notifPanel .notif__filter b{min-width:20px !important;height:20px !important;padding:0 6px !important}
  #notifPanel .notif__list{max-height:calc(100vh - var(--appbar-h,64px) - 236px) !important}
}
[data-theme="dark"] #notifPanel.navdd__panel.notif,
body.dark #notifPanel.navdd__panel.notif,
html[data-theme="dark"] #notifPanel.navdd__panel.notif{
  background:linear-gradient(180deg,rgba(15,23,42,.985),rgba(2,6,23,.97)) !important;
  border-color:rgba(71,85,105,.78) !important;
}
[data-theme="dark"] #notifPanel .notif__head,
[data-theme="dark"] #notifPanel .notif__filters,
[data-theme="dark"] #notifPanel .notif__foot,
body.dark #notifPanel .notif__head,
body.dark #notifPanel .notif__filters,
body.dark #notifPanel .notif__foot{
  background:rgba(15,23,42,.92) !important;
  border-color:rgba(51,65,85,.88) !important;
}
[data-theme="dark"] #notifPanel .notif__title,
[data-theme="dark"] #notifPanel .notif__text,
[data-theme="dark"] #notifPanel .notif__empty strong,
[data-theme="dark"] #notifPanel .notif__all,
body.dark #notifPanel .notif__title,
body.dark #notifPanel .notif__text,
body.dark #notifPanel .notif__empty strong,
body.dark #notifPanel .notif__all{
  color:#f8fafc !important;
  -webkit-text-fill-color:#f8fafc !important;
}


/* IG207.86 NOTIFICATION VIEWALL OPTICAL CENTER SAFE PATCH */
#notifPanel .notif__all{
  min-height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  padding-top:11px !important;
  padding-bottom:10px !important;
  transform:translateY(-1px) !important;
}


/* IG207.87 SAFE restore */
#notifPanel .notif__all{
width:100% !important;
max-width:100% !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
line-height:1 !important;
padding:0 18px !important;
min-height:42px !important;
box-sizing:border-box !important;
}
#notifPanel .notif__all span{
display:block !important;
line-height:1 !important;
transform:translateY(-1px) !important;
}

/* IG208.87 - premium friend-request notification card v2 (strict safe additive) */
#notifPanel .notif__item--friendRequest,
.notif-page__list .notif__item--friendRequest{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(191,219,254,.96) !important;
  background:linear-gradient(135deg,rgba(239,246,255,.98),rgba(255,255,255,.99) 52%,rgba(245,243,255,.94)) !important;
  box-shadow:0 14px 34px rgba(37,99,235,.11), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
#notifPanel .notif__item--friendRequest::before,
.notif-page__list .notif__item--friendRequest::before{
  content:"";position:absolute;inset:-48px -46px auto auto;width:118px;height:118px;border-radius:999px;background:radial-gradient(circle,rgba(59,130,246,.16),rgba(99,102,241,.04) 58%,transparent 70%);pointer-events:none!important;
}
#notifPanel .notif__link--friendRequest,
.notif-page__list .notif__link--friendRequest{grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;padding:14px 42px 8px 12px!important;}
#notifPanel .notif__avatarWrap--friendRequest,
.notif-page__list .notif__avatarWrap--friendRequest{position:relative!important;display:block!important;width:54px!important;height:54px!important;}
#notifPanel .notif__avatarWrap--friendRequest .notif__avatar,
.notif-page__list .notif__avatarWrap--friendRequest .notif__avatar{width:54px!important;height:54px!important;border-radius:18px!important;border:2px solid rgba(255,255,255,.96)!important;box-shadow:0 10px 22px rgba(30,64,175,.16),0 0 0 1px rgba(147,197,253,.7)!important;}
#notifPanel .notif__avatarWrap--friendRequest .notif__typeIcon,
.notif-page__list .notif__avatarWrap--friendRequest .notif__typeIcon{position:absolute!important;right:-4px!important;bottom:-3px!important;width:23px!important;height:23px!important;margin:0!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 6px 14px rgba(37,99,235,.28)!important;font-size:10px!important;}
#notifPanel .notif__metaLine--friendRequest,
.notif-page__list .notif__metaLine--friendRequest{margin:1px 0 4px!important;display:flex!important;align-items:center!important;gap:7px!important;}
#notifPanel .notif__metaLine--friendRequest span,
.notif-page__list .notif__metaLine--friendRequest span{font-size:10px!important;line-height:1!important;letter-spacing:.075em!important;font-weight:950!important;color:#2563eb!important;-webkit-text-fill-color:#2563eb!important;}
#notifPanel .notif__friendName,
.notif-page__list .notif__friendName{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;font-size:15px!important;line-height:1.14!important;font-weight:950!important;letter-spacing:-.03em!important;}
#notifPanel .notif__friendName>span:first-child,
.notif-page__list .notif__friendName>span:first-child{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
#notifPanel .notif__verified,
.notif-page__list .notif__verified{flex:0 0 auto!important;transform:translateY(.5px)!important;}
#notifPanel .notif__friendText,
.notif-page__list .notif__friendText{margin-top:3px!important;color:#334155!important;-webkit-text-fill-color:#334155!important;font-size:13px!important;line-height:1.28!important;font-weight:760!important;letter-spacing:-.01em!important;}
#notifPanel .notif__friendHandle,
.notif-page__list .notif__friendHandle{margin-top:2px!important;color:#64748b!important;-webkit-text-fill-color:#64748b!important;font-size:12px!important;line-height:1.2!important;font-weight:720!important;}
#notifPanel .notif__time--friendRequest,
.notif-page__list .notif__time--friendRequest{margin-top:5px!important;color:#64748b!important;-webkit-text-fill-color:#64748b!important;font-size:12px!important;font-weight:820!important;}
#notifPanel .notif__item--friendRequest .notif__actions,
.notif-page__list .notif__item--friendRequest .notif__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin:9px 12px 13px 78px!important;padding:0 42px 0 0!important;}
#notifPanel .notif__item--friendRequest .notif__actions .btn,
.notif-page__list .notif__item--friendRequest .notif__actions .btn{min-height:38px!important;border-radius:14px!important;font-size:13px!important;font-weight:950!important;letter-spacing:-.01em!important;gap:7px!important;border:1px solid transparent!important;box-shadow:none!important;}
#notifPanel .notif__item--friendRequest .notif__actions [data-fr-accept],
.notif-page__list .notif__item--friendRequest .notif__actions [data-fr-accept]{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 10px 21px rgba(37,99,235,.24)!important;}
#notifPanel .notif__item--friendRequest .notif__actions [data-fr-decline],
.notif-page__list .notif__item--friendRequest .notif__actions [data-fr-decline]{background:rgba(255,255,255,.92)!important;color:#334155!important;-webkit-text-fill-color:#334155!important;border-color:rgba(203,213,225,.9)!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important;}
#notifPanel .notif__item--friendRequest .notif__actions .btn:hover,
.notif-page__list .notif__item--friendRequest .notif__actions .btn:hover{transform:translateY(-1px)!important;}
@media(max-width:520px){#notifPanel .notif__link--friendRequest,.notif-page__list .notif__link--friendRequest{grid-template-columns:50px minmax(0,1fr)!important;gap:11px!important;padding:13px 39px 8px 11px!important}#notifPanel .notif__avatarWrap--friendRequest,.notif-page__list .notif__avatarWrap--friendRequest,#notifPanel .notif__avatarWrap--friendRequest .notif__avatar,.notif-page__list .notif__avatarWrap--friendRequest .notif__avatar{width:50px!important;height:50px!important}#notifPanel .notif__friendName,.notif-page__list .notif__friendName{font-size:14.5px!important}#notifPanel .notif__item--friendRequest .notif__actions,.notif-page__list .notif__item--friendRequest .notif__actions{margin-left:73px!important;grid-template-columns:1fr!important;padding-right:39px!important}#notifPanel .notif__item--friendRequest .notif__actions .btn,.notif-page__list .notif__item--friendRequest .notif__actions .btn{min-height:37px!important}}

/* IG208.88 - friend request dropdown hard render safety polish */
#notifPanel .notif__item--friendRequest,
.notif-page__list .notif__item--friendRequest{
  min-height:auto !important;
  height:auto !important;
  padding-bottom:0 !important;
}
#notifPanel .notif__item--friendRequest .notif__link--friendRequest,
.notif-page__list .notif__item--friendRequest .notif__link--friendRequest{
  min-height:76px !important;
}
#notifPanel .notif__item--friendRequest .notif__friendHandle,
.notif-page__list .notif__item--friendRequest .notif__friendHandle{
  display:none !important;
}
#notifPanel .notif__item--friendRequest .notif__actions,
.notif-page__list .notif__item--friendRequest .notif__actions{
  position:relative !important;
  z-index:4 !important;
  pointer-events:auto !important;
}
#notifPanel .notif__item--friendRequest .notif__actions .btn,
.notif-page__list .notif__item--friendRequest .notif__actions .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}
#notifPanel .notif__item--friendRequest .notif__actions [data-fr-accept],
.notif-page__list .notif__item--friendRequest .notif__actions [data-fr-accept]{
  background:linear-gradient(135deg,#1877f2,#405cff 54%,#6557ff) !important;
}
#notifPanel .notif__item--friendRequest .notif__friendText,
.notif-page__list .notif__item--friendRequest .notif__friendText{
  font-weight:820 !important;
}


/* IG208.89 - friend request CTA click/processing feedback (safe additive) */
.notif__actions .btn[disabled],
.notif__actions .btn.is-loading{
  cursor: wait;
  opacity: .72;
  transform: none !important;
}
.notif__actions .btn.is-loading span{
  filter: saturate(.9);
}


/* IG209.42 delete modal hover safety */
.kruh-delete-confirm .kruh-delete-confirm__cancel,
.kruh-delete-confirm .kruh-delete-confirm__cancel:hover,
.kruh-delete-confirm .kruh-delete-confirm__cancel:focus,
.kruh-delete-confirm .kruh-delete-confirm__cancel:active{
  background:#fff!important;
  color:#334155!important;
  text-shadow:none!important;
}
.kruh-delete-confirm .kruh-delete-confirm__danger,
.kruh-delete-confirm .kruh-delete-confirm__danger:hover,
.kruh-delete-confirm .kruh-delete-confirm__danger:focus,
.kruh-delete-confirm .kruh-delete-confirm__danger:active{
  color:#fff!important;
  text-shadow:none!important;
}

/* IG209.45 final appbar fixed safety */
.appbar[data-kruh-appbar="v2"]{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:9000!important;overflow:visible!important}
.appbar-spacer[data-kruh-appbar-spacer]{display:block!important;height:var(--appbar-h,72px)!important;min-height:var(--appbar-h,72px)!important;pointer-events:none!important}
html{scroll-padding-top:calc(var(--appbar-h,72px) + 14px)}


/* IG209.46 — TRUE fixed top appbar owner
   Source-level hardening: keep navbar visible above all scroll layers and old JS owners. */
:root{--appbar-h:72px;}
html{scroll-padding-top:calc(var(--appbar-h,72px) + 14px)!important;}
body.has-appbar-fixed,
body.has-appbar{
  padding-top:0!important;
  margin-top:0!important;
}
.appbar[data-kruh-appbar="v2"],
.appbar[data-kruh-appbar="v2"][data-kruh-appbar-fixed-owner="ig20946"]{
  position:fixed!important;
  inset:0 0 auto 0!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:var(--appbar-h,72px)!important;
  min-height:var(--appbar-h,72px)!important;
  z-index:2147483000!important;
  transform:none!important;
  translate:none!important;
  opacity:1!important;
  visibility:visible!important;
  display:flex!important;
  pointer-events:auto!important;
  overflow:visible!important;
  contain:none!important;
}
.appbar[data-kruh-appbar="v2"] *{
  pointer-events:auto;
}
.appbar[data-kruh-appbar="v2"] .appbar__inner{
  height:var(--appbar-h,72px)!important;
  min-height:var(--appbar-h,72px)!important;
  overflow:visible!important;
}
.appbar-spacer[data-kruh-appbar-spacer]{
  display:block!important;
  height:var(--appbar-h,72px)!important;
  min-height:var(--appbar-h,72px)!important;
  width:100%!important;
  pointer-events:none!important;
  flex:0 0 var(--appbar-h,72px)!important;
}
@media (max-width:720px){
  :root{--appbar-h:64px;}
}


/* IG209.65 appbar anti-flicker / white-panel startup fix */
:root{--kruh-shell-bg:#eef4ff;}
html,body{background:#eef4ff!important;}
body.is-auth,body.has-appbar,body.page-profile,body.page-feed{background:linear-gradient(180deg,#f4f8ff 0%,#eef4ff 100%)!important;}
.appbar[data-kruh-appbar="v2"],
.appbar[data-kruh-appbar="v2"][data-kruh-appbar-fixed-owner="ig20946"]{
  background:linear-gradient(180deg,#3b82f6 0%,#2563eb 62%,#1d4ed8 100%)!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 10px 30px rgba(29,78,216,.22)!important;
  transition:none!important;
  animation:none!important;
}
.appbar[data-kruh-appbar="v2"]::before,
.appbar[data-kruh-appbar="v2"]::after{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.appbar[data-kruh-appbar="v2"] .appbar__inner{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.appbar-spacer[data-kruh-appbar-spacer]{
  background:transparent!important;
  opacity:1!important;
}
@media (prefers-reduced-motion: no-preference){
  .appbar[data-kruh-appbar="v2"]{transition:box-shadow .18s ease!important;}
}


/* IG209.89 PROFILE COVER HEIGHT FINAL LOCK SAFE PATCH
   Fixes the remaining refresh jump where cover first paints taller then shrinks.
   Profile-only, CSS-only, no chat/JS/backend changes. */
body.page-profile .profile > .profile__cover,
body.page-profil .profile > .profile__cover,
body[data-page="profile"] .profile > .profile__cover,
body[data-path^="/profil/"] .profile > .profile__cover,
body[data-path^="/u/"] .profile > .profile__cover,
body.path-profil .profile > .profile__cover,
body[class*="path-profil-"] .profile > .profile__cover,
body.path-u .profile > .profile__cover,
body[class*="path-u-"] .profile > .profile__cover,
.profile > .profile__cover[data-cover-box]{
  height:200px !important;
  min-height:200px !important;
  max-height:200px !important;
  width:100% !important;
  display:block !important;
  flex:0 0 200px !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  transform:none !important;
  transition:none !important;
  animation:none !important;
  contain:layout paint !important;
}


/* IG209.91 PROFILE HERO FIRST-PAINT POSITION LOCK SAFE PATCH
   Fixes the remaining refresh jump where the profile hero/card briefly overlaps
   the cover and then drops into place after the CSS pipeline finishes.
   Keep this profile-only and do not touch chat/startup systems. */
body.page-profile .profile > .container-wide,
body.page-profil .profile > .container-wide,
body[data-page="profile"] .profile > .container-wide,
body[data-path^="/profil/"] .profile > .container-wide,
body[data-path^="/u/"] .profile > .container-wide,
body.path-profil .profile > .container-wide,
body[class*="path-profil-"] .profile > .container-wide,
body.path-u .profile > .container-wide,
body[class*="path-u-"] .profile > .container-wide{
  margin-top:0 !important;
  padding-top:0 !important;
  transform:none !important;
}

body.page-profile .profile__card.card,
body.page-profile .profile__card--first-paint-lock,
body.page-profil .profile__card.card,
body.page-profil .profile__card--first-paint-lock,
body[data-page="profile"] .profile__card.card,
body[data-page="profile"] .profile__card--first-paint-lock,
body[data-path^="/profil/"] .profile__card.card,
body[data-path^="/profil/"] .profile__card--first-paint-lock,
body[data-path^="/u/"] .profile__card.card,
body[data-path^="/u/"] .profile__card--first-paint-lock,
body.path-profil .profile__card.card,
body[class*="path-profil-"] .profile__card.card,
body.path-u .profile__card.card,
body[class*="path-u-"] .profile__card.card{
  margin-top:0 !important;
  top:auto !important;
  transform:none !important;
  translate:none !important;
  animation:none !important;
  transition:none !important;
  will-change:auto !important;
  position:relative !important;
  z-index:10 !important;
}

body.page-profile .profile__head,
body.page-profil .profile__head,
body[data-page="profile"] .profile__head,
body[data-path^="/profil/"] .profile__head,
body[data-path^="/u/"] .profile__head{
  transform:none !important;
  transition:none !important;
  animation:none !important;
}


/* IG209.92 PROFILE COVER VIEWPORT LOCK SAFE PATCH
   Root cause: first paint used fixed appbar, final CSS switched profile appbar to sticky.
   That changed normal flow and made the cover/profile header appear to move after refresh.
   Profile-only: keep appbar geometry identical from first paint to final paint. */
body.page-profile .appbar[data-kruh-appbar="v2"],
body.page-profil .appbar[data-kruh-appbar="v2"],
body[data-page="profile"] .appbar[data-kruh-appbar="v2"],
body[data-path^="/profil/"] .appbar[data-kruh-appbar="v2"],
body[data-path^="/u/"] .appbar[data-kruh-appbar="v2"],
body.path-profil .appbar[data-kruh-appbar="v2"],
body[class*="path-profil-"] .appbar[data-kruh-appbar="v2"],
body.path-u .appbar[data-kruh-appbar="v2"],
body[class*="path-u-"] .appbar[data-kruh-appbar="v2"]{
  position:sticky !important;
  top:0 !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  transform:none !important;
  margin:0 !important;
}

body.page-profile .appbar-spacer[data-kruh-appbar-spacer],
body.page-profil .appbar-spacer[data-kruh-appbar-spacer],
body[data-page="profile"] .appbar-spacer[data-kruh-appbar-spacer],
body[data-path^="/profil/"] .appbar-spacer[data-kruh-appbar-spacer],
body[data-path^="/u/"] .appbar-spacer[data-kruh-appbar-spacer],
body.path-profil .appbar-spacer[data-kruh-appbar-spacer],
body[class*="path-profil-"] .appbar-spacer[data-kruh-appbar-spacer],
body.path-u .appbar-spacer[data-kruh-appbar-spacer],
body[class*="path-u-"] .appbar-spacer[data-kruh-appbar-spacer]{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

body.page-profile .profile,
body.page-profil .profile,
body[data-page="profile"] .profile,
body[data-path^="/profil/"] .profile,
body[data-path^="/u/"] .profile,
body.path-profil .profile,
body[class*="path-profil-"] .profile,
body.path-u .profile,
body[class*="path-u-"] .profile{
  margin-top:0 !important;
  padding-top:0 !important;
  transform:none !important;
}

body.page-profile .profile > .profile__cover[data-cover-box],
body.page-profil .profile > .profile__cover[data-cover-box],
body[data-page="profile"] .profile > .profile__cover[data-cover-box],
body[data-path^="/profil/"] .profile > .profile__cover[data-cover-box],
body[data-path^="/u/"] .profile > .profile__cover[data-cover-box],
body.path-profil .profile > .profile__cover[data-cover-box],
body[class*="path-profil-"] .profile > .profile__cover[data-cover-box],
body.path-u .profile > .profile__cover[data-cover-box],
body[class*="path-u-"] .profile > .profile__cover[data-cover-box]{
  position:relative !important;
  top:0 !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  translate:none !important;
  height:200px !important;
  min-height:200px !important;
  max-height:200px !important;
  flex:0 0 200px !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  transition:none !important;
  animation:none !important;
}

body.page-profile .profile > .container-wide,
body.page-profil .profile > .container-wide,
body[data-page="profile"] .profile > .container-wide,
body[data-path^="/profil/"] .profile > .container-wide,
body[data-path^="/u/"] .profile > .container-wide,
body.path-profil .profile > .container-wide,
body[class*="path-profil-"] .profile > .container-wide,
body.path-u .profile > .container-wide,
body[class*="path-u-"] .profile > .container-wide{
  margin-top:0 !important;
  padding-top:0 !important;
  transform:none !important;
}


/* IG209.93 PROFILE COVER FIXED VIEWPORT LOCK SAFE PATCH
   Final stabilization for refresh-only profile cover/header movement.
   Keep the profile appbar geometry fixed from first paint to final paint,
   remove spacer participation, and lock cover/card flow. Profile-only. */
body.page-profile .appbar[data-kruh-appbar="v2"],
body.page-profil .appbar[data-kruh-appbar="v2"],
body[data-page="profile"] .appbar[data-kruh-appbar="v2"],
body[data-path^="/profil/"] .appbar[data-kruh-appbar="v2"],
body[data-path^="/u/"] .appbar[data-kruh-appbar="v2"],
body.path-profil .appbar[data-kruh-appbar="v2"],
body[class*="path-profil-"] .appbar[data-kruh-appbar="v2"],
body.path-u .appbar[data-kruh-appbar="v2"],
body[class*="path-u-"] .appbar[data-kruh-appbar="v2"]{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  height:var(--appbar-h,72px) !important;
  min-height:var(--appbar-h,72px) !important;
  margin:0 !important;
  transform:none !important;
  translate:none !important;
  transition:none !important;
  animation:none !important;
  will-change:auto !important;
  z-index:2147483000 !important;
}
body.page-profile .appbar-spacer[data-kruh-appbar-spacer],
body.page-profil .appbar-spacer[data-kruh-appbar-spacer],
body[data-page="profile"] .appbar-spacer[data-kruh-appbar-spacer],
body[data-path^="/profil/"] .appbar-spacer[data-kruh-appbar-spacer],
body[data-path^="/u/"] .appbar-spacer[data-kruh-appbar-spacer],
body.path-profil .appbar-spacer[data-kruh-appbar-spacer],
body[class*="path-profil-"] .appbar-spacer[data-kruh-appbar-spacer],
body.path-u .appbar-spacer[data-kruh-appbar-spacer],
body[class*="path-u-"] .appbar-spacer[data-kruh-appbar-spacer]{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  flex-basis:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}
body.page-profile .profile,
body.page-profil .profile,
body[data-page="profile"] .profile,
body[data-path^="/profil/"] .profile,
body[data-path^="/u/"] .profile,
body.path-profil .profile,
body[class*="path-profil-"] .profile,
body.path-u .profile,
body[class*="path-u-"] .profile{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  translate:none !important;
  transition:none !important;
  animation:none !important;
  overflow-anchor:none !important;
}
body.page-profile .profile > .profile__cover[data-cover-box],
body.page-profil .profile > .profile__cover[data-cover-box],
body[data-page="profile"] .profile > .profile__cover[data-cover-box],
body[data-path^="/profil/"] .profile > .profile__cover[data-cover-box],
body[data-path^="/u/"] .profile > .profile__cover[data-cover-box],
body.path-profil .profile > .profile__cover[data-cover-box],
body[class*="path-profil-"] .profile > .profile__cover[data-cover-box],
body.path-u .profile > .profile__cover[data-cover-box],
body[class*="path-u-"] .profile > .profile__cover[data-cover-box]{
  display:block !important;
  position:relative !important;
  inset:auto !important;
  top:0 !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  height:200px !important;
  min-height:200px !important;
  max-height:200px !important;
  flex:0 0 200px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 0 22px 22px !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  transform:none !important;
  translate:none !important;
  transition:none !important;
  animation:none !important;
  will-change:auto !important;
  contain:layout paint !important;
  overflow:hidden !important;
  overflow-anchor:none !important;
}
body.page-profile .profile > .container-wide,
body.page-profil .profile > .container-wide,
body[data-page="profile"] .profile > .container-wide,
body[data-path^="/profil/"] .profile > .container-wide,
body[data-path^="/u/"] .profile > .container-wide,
body.path-profil .profile > .container-wide,
body[class*="path-profil-"] .profile > .container-wide,
body.path-u .profile > .container-wide,
body[class*="path-u-"] .profile > .container-wide{
  margin-top:0 !important;
  padding-top:0 !important;
  transform:none !important;
  translate:none !important;
  transition:none !important;
  animation:none !important;
  overflow-anchor:none !important;
}
body.page-profile .profile__card.card,
body.page-profile .profile__card--first-paint-lock,
body.page-profil .profile__card.card,
body.page-profil .profile__card--first-paint-lock,
body[data-page="profile"] .profile__card.card,
body[data-page="profile"] .profile__card--first-paint-lock,
body[data-path^="/profil/"] .profile__card.card,
body[data-path^="/profil/"] .profile__card--first-paint-lock,
body[data-path^="/u/"] .profile__card.card,
body[data-path^="/u/"] .profile__card--first-paint-lock,
body.path-profil .profile__card.card,
body[class*="path-profil-"] .profile__card.card,
body.path-u .profile__card.card,
body[class*="path-u-"] .profile__card.card{
  margin-top:0 !important;
  top:auto !important;
  transform:none !important;
  translate:none !important;
  transition:none !important;
  animation:none !important;
  will-change:auto !important;
  position:relative !important;
  z-index:10 !important;
  overflow-anchor:none !important;
}
@media(max-width:720px){
  body.page-profile .appbar[data-kruh-appbar="v2"],
  body.page-profil .appbar[data-kruh-appbar="v2"],
  body[data-page="profile"] .appbar[data-kruh-appbar="v2"],
  body[data-path^="/profil/"] .appbar[data-kruh-appbar="v2"],
  body[data-path^="/u/"] .appbar[data-kruh-appbar="v2"]{height:64px !important;min-height:64px !important;}
}


/* IG209.94 PROFILE COVER TALL FIX SAFE PATCH
   Keeps the IG209.93 fixed/locked first paint behavior, only increases desktop cover height.
   Profile-only. No chat/backend/JS changes. */
:root{--kruh-profile-cover-h:280px;}
body.page-profile .profile > .profile__cover[data-cover-box],
body.page-profil .profile > .profile__cover[data-cover-box],
body.path-u .profile > .profile__cover[data-cover-box],
body.path-profil .profile > .profile__cover[data-cover-box],
body[class*="path-u-"] .profile > .profile__cover[data-cover-box],
body[class*="path-profil-"] .profile > .profile__cover[data-cover-box],
body[data-page="profile"] .profile > .profile__cover[data-cover-box],
body[data-path^="/profil/"] .profile > .profile__cover[data-cover-box],
body[data-path^="/u/"] .profile > .profile__cover[data-cover-box],
.profile > .profile__cover[data-cover-box]{
  height:var(--kruh-profile-cover-h) !important;
  min-height:var(--kruh-profile-cover-h) !important;
  max-height:var(--kruh-profile-cover-h) !important;
  flex:0 0 var(--kruh-profile-cover-h) !important;
  display:block !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  transform:none !important;
  translate:none !important;
  transition:none !important;
  animation:none !important;
  will-change:auto !important;
  contain:layout paint !important;
  overflow-anchor:none !important;
}
@media(max-width:1100px){:root{--kruh-profile-cover-h:250px;}}
@media(max-width:720px){:root{--kruh-profile-cover-h:220px;}}
@media(max-width:480px){:root{--kruh-profile-cover-h:195px;}}

/* IG210.31.62 GUEST SUPPORT INFO TOOLTIP RC */
.kruh-ad--support[data-kruh-support-card="revolut-v1"]{
  position:relative;
  display:block;
  width:min(100%, 980px);
  max-width:calc(100% - 28px);
  margin:10px auto 18px;
  padding:12px 52px 12px 16px !important;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.94));
  border:1px solid rgba(191,219,254,.92);
  box-shadow:0 14px 34px rgba(15,23,42,.08);
  overflow:visible;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-ad__head{display:none !important;}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-ad__body{min-width:0;}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px 12px;
  min-width:0;
  text-align:left;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__main{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px 9px;
  min-width:0;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__title{
  margin:0;
  font-size:14px;
  line-height:1.2;
  font-weight:950;
  color:#0f172a;
  white-space:nowrap;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__lead{
  margin:0;
  max-width:430px;
  font-size:12px;
  line-height:1.35;
  font-weight:750;
  color:#475569;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__details{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__summary{
  list-style:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.18);
  background:rgba(37,99,235,.07);
  color:#1d4ed8;
  font-size:12px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__summary::-webkit-details-marker{display:none;}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__summary::after{
  content:"⌄";
  font-size:12px;
  line-height:1;
  transform:translateY(-1px);
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__details[open] .kruh-support-card__summary::after{transform:rotate(180deg) translateY(1px);}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__panel{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:30;
  width:min(420px, calc(100vw - 38px));
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(191,219,254,.92);
  box-shadow:0 20px 44px rgba(15,23,42,.16);
  text-align:left;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__panel-title{
  display:block;
  margin:0 0 8px;
  font-size:13px;
  line-height:1.25;
  font-weight:950;
  color:#0f172a;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__text{
  margin:7px 0 0;
  font-size:12.5px;
  line-height:1.5;
  color:#475569;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__text--payment{
  margin:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  width:auto;
  max-width:100%;
  padding:9px 12px;
  border-radius:14px;
  font-size:12px;
  line-height:1.2;
  background:rgba(37,99,235,.07);
  border:1px solid rgba(37,99,235,.13);
  font-weight:750;
  color:#1e3a8a;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__link{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  color:#2563eb;
  font-weight:900;
  text-decoration:none;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__link:hover{text-decoration:underline;}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__close{
  top:50%;
  right:10px;
  transform:translateY(-50%);
  z-index:31;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__close:hover{transform:translateY(calc(-50% - 1px));}
body.page-profile .profile-guest-cta{
  z-index:10020 !important;
  pointer-events:auto !important;
  isolation:isolate;
  transform:translateZ(0);
}
body.page-profile .profile-guest-cta,
body.page-profile .profile-guest-cta *{
  visibility:visible !important;
}
body.page-profile .profile-guest-cta .container-wide,
body.page-profile .profile-guest-cta__card{
  position:relative;
  z-index:1;
}
body.page-profile:has(.profile-guest-cta){
  padding-bottom:112px;
}
@media (max-width:760px){
  .kruh-ad--support[data-kruh-support-card="revolut-v1"]{
    max-width:calc(100% - 20px);
    padding:11px 46px 11px 12px !important;
    border-radius:16px;
    margin-top:8px;
    margin-bottom:14px;
  }
  .kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card,
  .kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__main{
    align-items:flex-start;
    justify-content:flex-start;
    text-align:left;
    gap:7px;
  }
  .kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__title,
  .kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__lead{
    width:100%;
    white-space:normal;
  }
  .kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__details{width:100%;}
  .kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__panel{
    position:relative;
    top:auto;
    right:auto;
    width:100%;
    margin-top:9px;
    box-shadow:0 12px 26px rgba(15,23,42,.1);
  }
  .kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__text--payment{
    justify-content:flex-start;
    width:100%;
    font-size:11.5px;
  }
  body.page-profile:has(.profile-guest-cta){
    padding-bottom:156px;
  }
}

/* IG210.31.62 GUEST SUPPORT LIGHTBOX DETAIL RC */
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__details[open]::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:10040;
  background:rgba(15,23,42,.34);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  animation:kruhSupportBackdropIn .18s ease-out both;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__details[open] .kruh-support-card__summary{
  position:relative;
  z-index:10042;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__panel{
  transform-origin:center center;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__details[open] .kruh-support-card__panel{
  position:fixed !important;
  top:50% !important;
  left:50% !important;
  right:auto !important;
  width:min(486px,calc(100vw - 28px)) !important;
  max-height:min(76vh,560px);
  overflow:auto;
  z-index:10041 !important;
  padding:18px 18px 17px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,250,252,.98));
  border:1px solid rgba(191,219,254,.95);
  box-shadow:0 34px 90px rgba(15,23,42,.28),0 0 0 1px rgba(255,255,255,.52) inset;
  transform:translate(-50%,-50%);
  animation:kruhSupportPanelIn .22s cubic-bezier(.2,.8,.2,1) both;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__details[open] .kruh-support-card__panel-title{
  font-size:15px;
  margin-bottom:10px;
}
.kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__details[open] .kruh-support-card__text{
  font-size:13.5px;
  line-height:1.58;
}
@keyframes kruhSupportBackdropIn{from{opacity:0;}to{opacity:1;}}
@keyframes kruhSupportPanelIn{from{opacity:0;transform:translate(-50%,calc(-50% + 18px)) scale(.96);}to{opacity:1;transform:translate(-50%,-50%) scale(1);}}
@media (prefers-reduced-motion:reduce){
  .kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__details[open]::before,
  .kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__details[open] .kruh-support-card__panel{animation:none;}
}
@media (max-width:760px){
  .kruh-ad--support[data-kruh-support-card="revolut-v1"] .kruh-support-card__details[open] .kruh-support-card__panel{
    width:calc(100vw - 24px) !important;
    max-height:78vh;
    padding:16px;
    border-radius:20px;
    margin-top:0 !important;
  }
}


/* IG210.31.62 GUEST PROFILE SK/CZ + BOTTOM CTA LAYER RC */
body.page-profile .profile-guest-cta{
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  top:auto !important;
  z-index:2147483000 !important;
  pointer-events:auto !important;
  isolation:isolate !important;
  transform:translateZ(0) !important;
  contain:none !important;
}
body.page-profile .profile-guest-cta::before,
body.page-profile .profile-guest-cta::after{
  pointer-events:none !important;
}
body.page-profile .profile-guest-cta .container-wide,
body.page-profile .profile-guest-cta__card,
body.page-profile .profile-guest-cta__copy,
body.page-profile .profile-guest-cta__actions{
  position:relative !important;
  z-index:2 !important;
  pointer-events:auto !important;
  visibility:visible !important;
  opacity:1 !important;
}
body.page-profile .profile__aside,
body.page-profile .profile__main,
body.page-profile .profile__grid,
body.page-profile .profile__chatDock,
body.page-profile .profile__aboutCard,
body.page-profile .profile__gallery{
  z-index:auto;
}
body.page-profile:has(.profile-guest-cta){
  padding-bottom:128px !important;
}
@media (max-width:760px){
  body.page-profile:has(.profile-guest-cta){
    padding-bottom:174px !important;
  }
}

/* IG210.31.62 GUEST NAVBAR IMPORT TAIL CANONICAL FIX */
body.page-home .topbar.topbar--home#login,
body.page-home .topbar--home,
body[data-page="home"][data-auth="guest"] .topbar.topbar--home#login,
body[data-page="home"][data-auth="guest"] .topbar--home,
body.path-root.is-guest .topbar.topbar--home#login,
body.path-root.is-guest .topbar--home{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:auto !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-radius:0 !important;
  z-index:2147482000 !important;
  transform:translateZ(0) !important;
  will-change:transform;
}
body.page-home.has-appbar-fixed,
body.page-home{
  --kruh-guest-topbar-offset:72px;
  padding-top:var(--kruh-guest-topbar-offset) !important;
  scroll-padding-top:var(--kruh-guest-topbar-offset) !important;
}
@media (max-width:760px){
  body.page-home.has-appbar-fixed,
  body.page-home{
    --kruh-guest-topbar-offset:236px;
  }
}

/* IG210.31.66 FINAL FORCE OVERRIDE */
.hero__mock--skcz-final{
  overflow:visible !important;
  padding-top:30px !important;
}
.world-map--skcz-final,
.hero__mock--skcz-final > img.world-map,
.hero__mock--worldmap > img.world-map{
  width:165% !important;
  max-width:none !important;
  transform:scaleX(1.18) translateY(24px) !important;
  transform-origin:center center !important;
}





/* IG210.31.74 CLEAN REPLACEMENT */
.hero__mock,
.hero__mock--worldmap,
.hero__mock--skcz-final{
    background:transparent !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
}

.hero__mock::before,
.hero__mock::after,
.hero__mock--worldmap::before,
.hero__mock--worldmap::after,
.hero__mock--skcz-final::before,
.hero__mock--skcz-final::after{
    display:none !important;
    content:none !important;
}

.world-map,
.world-map--skcz-final{
    background:transparent !important;
}


/* IG210.31.77 FINAL HOME HERO MAP */
.hero__mock,.hero__mock--worldmap,.hero__mock--skcz-final{
background:transparent!important;border:0!important;box-shadow:none!important;
outline:0!important;border-radius:0!important;padding:0!important;margin:0!important;
}
.hero__mock:before,.hero__mock:after,.hero__mock--worldmap:before,.hero__mock--worldmap:after,
.hero__mock--skcz-final:before,.hero__mock--skcz-final:after{display:none!important;content:none!important;}



/* IG211.2 - cookie gate desktop layout stabilization: keep text and actions stacked, not side-by-side */
.cookie-consent.cookie-consent--gate .cookie-consent__card{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
.cookie-consent.cookie-consent--gate .cookie-consent__copy{
  width:100%!important;
  min-width:0!important;
}
.cookie-consent.cookie-consent--gate .cookie-consent__copy > div{
  min-width:0!important;
}
.cookie-consent.cookie-consent--gate .cookie-consent__actions{
  width:100%!important;
  align-self:stretch!important;
  justify-content:flex-start!important;
}
@media (min-width:641px){
  .cookie-consent.cookie-consent--gate .cookie-consent__actions{
    padding-left:70px!important;
  }
}

/* IG211.0 - mobile/guest cookie consent must be visible as full-screen gate after cookie reset */
.cookie-consent.cookie-consent--gate{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
  background:
    radial-gradient(circle at 20% 18%, rgba(37,99,235,.22), transparent 34%),
    radial-gradient(circle at 80% 82%, rgba(14,165,233,.18), transparent 36%),
    rgba(2,6,23,.74) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}

.cookie-consent.cookie-consent--gate[hidden]{
  display:none !important;
}

.cookie-consent.cookie-consent--gate .cookie-consent__card{
  width:min(720px, 100%) !important;
  max-height:calc(100dvh - 36px) !important;
  overflow:auto !important;
  border-radius:26px !important;
  padding:22px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  border:1px solid rgba(219,230,248,.96) !important;
  box-shadow:0 34px 90px rgba(2,6,23,.42) !important;
  color:#0f172a !important;
}

.cookie-consent.cookie-consent--gate .cookie-consent__copy{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  gap:16px !important;
  align-items:start !important;
}

.cookie-consent.cookie-consent--gate .cookie-consent__icon{
  width:54px !important;
  height:54px !important;
  border-radius:18px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
  color:#fff !important;
  box-shadow:0 18px 36px rgba(37,99,235,.24) !important;
}

.cookie-consent.cookie-consent--gate .cookie-consent__eyebrow{
  margin:0 0 6px !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.09em !important;
  color:#2563eb !important;
}

.cookie-consent.cookie-consent--gate .cookie-consent__title{
  margin:0 0 8px !important;
  font-size:clamp(22px, 4.7vw, 34px) !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
  color:#0f172a !important;
}

.cookie-consent.cookie-consent--gate .cookie-consent__text{
  margin:0 !important;
  color:#475569 !important;
  line-height:1.55 !important;
  font-size:15px !important;
}

.cookie-consent.cookie-consent--gate .cookie-consent__actions{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin-top:20px !important;
  justify-content:flex-end !important;
}

.cookie-consent.cookie-consent--gate .cookie-consent__actions .btn{
  min-height:46px !important;
  border-radius:14px !important;
  padding:0 16px !important;
}

html.cookie-consent-open,
body.cookie-consent-open{
  overflow:hidden !important;
  touch-action:none !important;
}

@media (max-width:640px){
  .cookie-consent.cookie-consent--gate{
    align-items:stretch !important;
    padding:12px !important;
  }

  .cookie-consent.cookie-consent--gate .cookie-consent__card{
    width:100% !important;
    max-height:calc(100dvh - 24px) !important;
    padding:18px !important;
    border-radius:22px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }

  .cookie-consent.cookie-consent--gate .cookie-consent__copy{
    grid-template-columns:1fr !important;
    text-align:left !important;
  }

  .cookie-consent.cookie-consent--gate .cookie-consent__actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .cookie-consent.cookie-consent--gate .cookie-consent__actions .btn{
    width:100% !important;
  }
}


/* IG211.2 FINAL - cookie gate desktop canonical layout after older gate rules */
.cookie-consent.cookie-consent--gate .cookie-consent__card{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
.cookie-consent.cookie-consent--gate .cookie-consent__copy{
  width:100%!important;
  min-width:0!important;
}
.cookie-consent.cookie-consent--gate .cookie-consent__copy > div{
  min-width:0!important;
}
.cookie-consent.cookie-consent--gate .cookie-consent__actions{
  width:100%!important;
  align-self:stretch!important;
  justify-content:flex-start!important;
}
@media (min-width:641px){
  .cookie-consent.cookie-consent--gate .cookie-consent__actions{
    padding-left:70px!important;
  }
}


/* IG211.3 - mobile cookie gate white-screen guard after consent save/restore */
.cookie-consent.cookie-consent--gate[hidden],
.cookie-consent.cookie-consent--gate[aria-hidden="true"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html:not(.cookie-consent-open) .cookie-consent.cookie-consent--gate[hidden],
body:not(.cookie-consent-open) .cookie-consent.cookie-consent--gate[hidden]{
  inset:auto!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}


/* IG211.4 MOBILE REGISTER WHITE AREA + FOOTER STACK
   Stable override in existing bundle only. Keeps /register visible on mobile after cookie gate closes. */
.pk-footer-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  text-align:center!important;
  line-height:1.45!important;
}
.pk-footer-copy__by{
  display:block!important;
}
@media (max-width:760px){
  body.page-home-register{
    --kruh-guest-topbar-offset: 188px!important;
    padding-top:var(--kruh-guest-topbar-offset)!important;
    scroll-padding-top:calc(var(--kruh-guest-topbar-offset) + 12px)!important;
    overflow-x:hidden!important;
    background:#eef3ff!important;
  }
  body.page-home-register .bg{
    padding-top:12px!important;
  }
  body.page-home-register .hero-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
  }
  body.page-home-register .register{
    order:1!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
    background:#fff!important;
    color:#0f172a!important;
    position:relative!important;
    z-index:2!important;
    overflow:visible!important;
  }
  body.page-home-register .register *,
  body.page-home-register .register label,
  body.page-home-register .register h2,
  body.page-home-register .register p{
    visibility:visible!important;
  }
  body.page-home-register .home-hero-info{
    order:2!important;
    margin-top:8px!important;
  }
  body.page-home-register .home-hero-info .hero__mock,
  body.page-home-register .home-hero-info .hero__mock--worldmap,
  body.page-home-register .home-hero-info .hero__mock--skcz-final{
    height:150px!important;
    min-height:150px!important;
    margin-top:12px!important;
  }
}
@media (max-width:430px){
  body.page-home-register{
    --kruh-guest-topbar-offset: 176px!important;
  }
  body.page-home-register .container-wide{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body.page-home-register .register{
    padding:16px 14px!important;
    border-radius:20px!important;
  }
}

/* IG211.5 MOBILE GUEST WHITE AREA HARD FIX
   Existing bundle only. The mobile guest landing/login/register flow must never show
   the SK/CZ map white panel before the visible form area. */
@media (max-width:760px){
  body.page-home,
  body.page-home-login,
  body.page-home-register{
    overflow-x:hidden!important;
    background:linear-gradient(180deg,#071126 0%,#0b1731 54%,#101d38 100%)!important;
  }
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg{
    background:transparent!important;
    padding-top:12px!important;
    overflow:visible!important;
  }
  body.page-home .hero-grid,
  body.page-home-login .hero-grid,
  body.page-home-register .hero-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
  }
  body.page-home .register,
  body.page-home-login .register,
  body.page-home-register .register{
    order:1!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    position:relative!important;
    z-index:3!important;
    overflow:visible!important;
  }
  body.page-home .home-hero-info,
  body.page-home-login .home-hero-info,
  body.page-home-register .home-hero-info{
    order:2!important;
    background:rgba(7,17,38,.72)!important;
    border-color:rgba(148,163,184,.18)!important;
    color:#fff!important;
    position:relative!important;
    z-index:1!important;
    overflow:hidden!important;
  }
  body.page-home .home-hero-info .hero__mock,
  body.page-home .home-hero-info .hero__mock--worldmap,
  body.page-home .home-hero-info .hero__mock--skcz-final,
  body.page-home-login .home-hero-info .hero__mock,
  body.page-home-login .home-hero-info .hero__mock--worldmap,
  body.page-home-login .home-hero-info .hero__mock--skcz-final,
  body.page-home-register .home-hero-info .hero__mock,
  body.page-home-register .home-hero-info .hero__mock--worldmap,
  body.page-home-register .home-hero-info .hero__mock--skcz-final{
    height:132px!important;
    min-height:132px!important;
    margin-top:10px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.page-home-login{
    padding-top:0!important;
    scroll-padding-top:0!important;
  }
  body.page-home-login .topbar.topbar--home#login,
  body.page-home-login .topbar--home{
    position:relative!important;
    min-height:100svh!important;
    min-height:100dvh!important;
    z-index:20!important;
  }
  body.page-home-login .bg{
    display:none!important;
  }
}
@media (max-width:430px){
  body.page-home .container-wide,
  body.page-home-login .container-wide,
  body.page-home-register .container-wide{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}


/* IG211.6 MOBILE GUEST INLINE WHITE PANEL KILL
   Root cause: the SK/CZ hero mock had inline white background and fixed height,
   so mobile browsers showed it as a large white panel under the login form. */
@media (max-width:760px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg{
    background:transparent!important;
    min-height:0!important;
  }
  body.page-home .home-hero-info,
  body.page-home-login .home-hero-info,
  body.page-home-register .home-hero-info{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  body.page-home .home-hero-info .hero__mock,
  body.page-home .home-hero-info .hero__mock--worldmap,
  body.page-home .home-hero-info .hero__mock--skcz-final,
  body.page-home-login .home-hero-info .hero__mock,
  body.page-home-login .home-hero-info .hero__mock--worldmap,
  body.page-home-login .home-hero-info .hero__mock--skcz-final,
  body.page-home-register .home-hero-info .hero__mock,
  body.page-home-register .home-hero-info .hero__mock--worldmap,
  body.page-home-register .home-hero-info .hero__mock--skcz-final{
    background:transparent!important;
    border-color:rgba(148,163,184,.16)!important;
  }
  body.page-home-login .bg{
    display:none!important;
  }
}

/* IG211.7 MOBILE LOGIN WHITE-SURFACE HARD KILL + AGEGATE RESTORE
   Existing bundle only. On /login mobile there must be no hero/footer/support white card
   after the login panel. The 16+ gate must stay above cookie/footer/topbar layers. */
.agegate.open{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:fixed!important;
  inset:0!important;
  z-index:2147483400!important;
  padding:16px!important;
}
.agegate.open .agegate__backdrop{
  position:fixed!important;
  inset:0!important;
  background:rgba(2,6,23,.72)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.agegate.open .agegate__panel{
  position:relative!important;
  z-index:1!important;
  width:min(520px,calc(100vw - 28px))!important;
  margin:0 auto!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  color:#0f172a!important;
  border-radius:26px!important;
  border:1px solid rgba(219,230,248,.96)!important;
  box-shadow:0 34px 90px rgba(2,6,23,.42)!important;
}
body.agegate-open,
html.agegate-open{overflow:hidden!important;touch-action:none!important;}
@media (max-width:760px){
  body.page-home-login,
  body.page-home-login.theme-dark,
  body.page-home-login.theme-light{
    min-height:100dvh!important;
    overflow-x:hidden!important;
    background:linear-gradient(180deg,#071126 0%,#0b1731 58%,#101d38 100%)!important;
  }
  body.page-home-login .topbar.topbar--home#login,
  body.page-home-login .topbar--home{
    min-height:100dvh!important;
    min-height:100svh!important;
    height:auto!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    background:linear-gradient(180deg,#101d38 0%,#132443 58%,#101d38 100%)!important;
    border-bottom:0!important;
  }
  body.page-home-login .topbar__inner{
    width:100%!important;
  }
  body.page-home-login .bg,
  body.page-home-login .home-hero-info,
  body.page-home-login .register,
  body.page-home-login .kruh-ad--support{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.page-home-login .pk-footer{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:rgba(226,232,240,.86)!important;
  }
  body.page-home-login .pk-footer-links{
    display:none!important;
  }
  body.page-home-login .pk-footer-copy,
  body.page-home-login .pk-footer-copy *{
    color:rgba(226,232,240,.86)!important;
    -webkit-text-fill-color:rgba(226,232,240,.86)!important;
  }
  .agegate.open{
    padding:12px!important;
  }
  .agegate.open .agegate__panel{
    width:calc(100vw - 24px)!important;
    border-radius:24px!important;
  }
  .agegate.open .agegate__actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .agegate.open .agegate__actions .btn{
    width:100%!important;
    justify-content:center!important;
  }
}


/* IG214.7 cleanup: removed legacy IG211.24 topbar/mobile auth stack. The unified auth engine is now the only login/CTA renderer. */
/* IG211.25_REGISTER_NATIVE_LAYOUT_CLEANUP
   Final mobile auth cleanup: /register is a native route screen, not a child panel under login/hero.
   Keeps changes inside existing bundle and overrides older IG211 auth/scroll layers. */
.mobile-register-screen{
  width:100%;
}
.mobile-register-card{
  width:100%;
}
@media (max-width:760px){
  html:has(body.page-home-register),
  body.page-home-register{
    --kruh-guest-topbar-offset:0px!important;
    padding-top:0!important;
    scroll-padding-top:0!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
    background:linear-gradient(180deg,#071126 0%,#0b1731 58%,#101d38 100%)!important;
  }

  body.page-home-register .topbar.topbar--home#login,
  body.page-home-register .topbar--home{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    min-height:168px!important;
    height:auto!important;
    margin:0!important;
    padding:24px 0 24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(180deg,#10203d 0%,#0d1e39 100%)!important;
    border-bottom:1px solid rgba(148,163,184,.16)!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:5!important;
    transform:none!important;
  }

  body.page-home-register .topbar__inner{
    width:100%!important;
    max-width:720px!important;
    min-height:120px!important;
    margin:0 auto!important;
    padding:0 22px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    position:relative!important;
  }

  body.page-home-register .topbar__brand,
  body.page-home-register .kruh-logo{
    align-self:center!important;
    margin:0 auto!important;
    position:relative!important;
    z-index:2!important;
  }

  body.page-home-register .topbar__theme{
    position:absolute!important;
    top:50%!important;
    right:22px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    z-index:3!important;
  }

  body.page-home-register .bg{
    display:block!important;
    margin:0!important;
    padding:0 0 max(34px,env(safe-area-inset-bottom))!important;
    min-height:auto!important;
    background:linear-gradient(180deg,#07152d 0%,#06152b 100%)!important;
    overflow:visible!important;
    transform:none!important;
  }

  body.page-home-register .hero-grid{
    width:100%!important;
    max-width:720px!important;
    margin:0 auto!important;
    padding:0 22px 34px!important;
    display:block!important;
    gap:0!important;
  }

  body.page-home-register .mobile-register-screen{
    display:block!important;
    width:100%!important;
    max-width:640px!important;
    margin:0 auto!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    transform:none!important;
    pointer-events:auto!important;
    animation:kruhRegisterNativeRouteIn .24s cubic-bezier(.22,1,.36,1) both!important;
  }

  body.page-home-register .mobile-register-card,
  body.page-home-register .mobile-register-screen > .register.card,
  body.page-home-register .register.card{
    display:block!important;
    width:100%!important;
    max-width:640px!important;
    margin:0 auto!important;
    padding:22px 16px 28px!important;
    border-radius:28px 28px 0 0!important;
    background:rgba(255,255,255,.99)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:initial!important;
    box-shadow:0 26px 70px rgba(2,6,23,.32)!important;
    overflow:visible!important;
    transform:none!important;
  }

  body.page-home-register .mobile-auth-switch-head{
    display:flex!important;
    justify-content:flex-start!important;
    margin:0 0 16px!important;
  }

  body.page-home-register .mobile-auth-back{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:40px!important;
    padding:9px 14px!important;
    border-radius:999px!important;
    border:0!important;
    text-decoration:none!important;
    background:rgba(37,99,235,.10)!important;
    color:#2563eb!important;
    -webkit-text-fill-color:#2563eb!important;
    font-weight:900!important;
  }

  body.page-home-register .register h2{
    display:block!important;
    margin:0 0 8px!important;
    padding:0!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    font-size:clamp(34px,11vw,52px)!important;
    line-height:.98!important;
    font-weight:950!important;
    letter-spacing:-.05em!important;
    transform:none!important;
  }

  body.page-home-register .register .muted{
    display:block!important;
    margin:0 0 22px!important;
    color:#475569!important;
    -webkit-text-fill-color:#475569!important;
    font-size:16px!important;
    line-height:1.35!important;
  }

  body.page-home-register .register .grid-2{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin:0!important;
  }

  body.page-home-register .register label{
    color:#172033!important;
    -webkit-text-fill-color:#172033!important;
    font-weight:850!important;
  }

  body.page-home-register .register .inp,
  body.page-home-register .register select.inp,
  body.page-home-register .register input.inp{
    background:#fff!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    border-color:rgba(148,163,184,.55)!important;
  }

  body.page-home-register .pw-rules,
  body.page-home-register .pw-rule,
  body.page-home-register .field-hint{
    color:#475569!important;
    -webkit-text-fill-color:#475569!important;
  }

  body.page-home-register .home-hero-info,
  body.page-home-register .hero__mock,
  body.page-home-register .pill-row,
  body.page-home-register .guest-register-slide{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  @keyframes kruhRegisterNativeRouteIn{
    from{opacity:0;transform:translateY(12px)}
    to{opacity:1;transform:translateY(0)}
  }
}

@media (max-width:430px){
  body.page-home-register .topbar__inner,
  body.page-home-register .hero-grid{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body.page-home-register .topbar__theme{
    right:18px!important;
  }
  body.page-home-register .mobile-register-card,
  body.page-home-register .mobile-register-screen > .register.card,
  body.page-home-register .register.card{
    border-radius:24px 24px 0 0!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
}


/* IG211.26_AUTH_DESKTOP_NAVBAR_REGISTER_FIX
   Stabilizes the split /login and /register route cleanup without reintroducing old auth panels.
   - Desktop landing keeps enough top offset under fixed navbar.
   - Desktop registration CTA is visible in the topbar.
   - Mobile /register aggressively resets browser focus/scroll so the native register screen starts from the title. */
@media (min-width:761px){
  body.page-home{
    --kruh-guest-topbar-offset:88px!important;
    padding-top:var(--kruh-guest-topbar-offset)!important;
    scroll-padding-top:var(--kruh-guest-topbar-offset)!important;
  }

  body.page-home .bg{
    margin-top:0!important;
    padding-top:22px!important;
  }

  body.page-home .hero-grid{
    padding-top:0!important;
  }

  body.page-home .topbar__inner,
  body.page-home-login .topbar__inner{
    gap:14px!important;
  }
}

@media (max-width:760px){
  body.page-home-register{
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
  }

  body.page-home-register .mobile-register-screen{
    scroll-margin-top:0!important;
  }

  body.page-home-register .mobile-register-card{
    margin-top:0!important;
  }

  body.page-home-register .topbar__theme{
    right:22px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
  }
}

/* IG211.27_DESKTOP_INLINE_REGISTER_RESTORE
   Desktop landing returns to the previous visible registration panel instead of forcing Create-account navigation.
   Mobile keeps the clean split /login -> /register flow. All changes stay in the existing bundle. */
@media (min-width:761px){
  body.page-home{
    --kruh-guest-topbar-offset:96px!important;
    padding-top:var(--kruh-guest-topbar-offset)!important;
    scroll-padding-top:var(--kruh-guest-topbar-offset)!important;
  }

  body.page-home .bg{
    padding-top:34px!important;
    margin-top:0!important;
  }

  body.page-home .hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.02fr) minmax(360px,.78fr)!important;
    gap:32px!important;
    align-items:start!important;
    width:min(1280px,calc(100% - 48px))!important;
    max-width:1280px!important;
    margin:0 auto!important;
  }

  body.page-home .home-hero-info{
    min-width:0!important;
    width:100%!important;
  }

  body.page-home .home-register-inline{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:4!important;
    width:100%!important;
    max-width:480px!important;
    min-width:0!important;
    align-self:start!important;
  }

  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:480px!important;
    margin:0!important;
    padding:28px!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,251,255,.96) 100%)!important;
    border:1px solid rgba(219,230,248,.94)!important;
    box-shadow:0 28px 80px rgba(15,23,42,.14)!important;
    color:#0f172a!important;
    overflow:visible!important;
  }

  body.page-home .home-register-inline .mobile-auth-switch-head,
  body.page-home .home-register-inline .mobile-auth-login-link{
    display:none!important;
  }

  body.page-home .home-register-inline .register h2{
    display:block!important;
    margin:0 0 8px!important;
    font-size:clamp(34px,3.2vw,52px)!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
  }

  body.page-home .home-register-inline .register .muted{
    margin:0 0 20px!important;
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    font-size:17px!important;
  }

  body.page-home .home-register-inline .register label{
    color:#111827!important;
    -webkit-text-fill-color:#111827!important;
    font-weight:900!important;
  }

  body.page-home .home-register-inline .register .inp,
  body.page-home .home-register-inline .register input.inp,
  body.page-home .home-register-inline .register select.inp{
    color:#111827!important;
    -webkit-text-fill-color:#111827!important;
    background:#fff!important;
    border:1px solid rgba(148,163,184,.46)!important;
  }

  body.page-home .home-register-inline .pw-rules,
  body.page-home .home-register-inline .pw-rule,
  body.page-home .home-register-inline .field-hint{
    color:#475569!important;
    -webkit-text-fill-color:#475569!important;
  }
}

@media (max-width:760px){
  body.page-home .home-register-inline{
    display:none!important;
  }
}

/* IG211.27 desktop topbar content should not cover the landing title. */
@media (min-width:761px){
  body.page-home .home-hero-title{
    margin-top:0!important;
  }
}


/* IG211.28_DESKTOP_RIGHT_REGISTER_PANEL_RESTORE
   Fixes the desktop landing architecture after IG211.27: the hero card is closed correctly
   and the visible registration panel is restored as a right-side column beside the landing content.
   Mobile keeps the split /login -> /register flow. */
@media (min-width:761px){
  body.page-home{
    --kruh-guest-topbar-offset:96px!important;
    padding-top:var(--kruh-guest-topbar-offset)!important;
    scroll-padding-top:var(--kruh-guest-topbar-offset)!important;
  }

  body.page-home .bg{
    padding-top:34px!important;
    margin-top:0!important;
  }

  body.page-home .hero-grid{
    display:grid!important;
    grid-template-columns:minmax(540px,720px) minmax(380px,480px)!important;
    gap:36px!important;
    align-items:start!important;
    justify-content:center!important;
    width:min(1320px,calc(100% - 48px))!important;
    max-width:1320px!important;
    margin:0 auto!important;
  }

  body.page-home .home-hero-info{
    grid-column:1!important;
    width:100%!important;
    max-width:720px!important;
    min-width:0!important;
    margin:0!important;
  }

  body.page-home .home-register-inline{
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:sticky!important;
    top:calc(var(--kruh-guest-topbar-offset,96px) + 24px)!important;
    z-index:4!important;
    width:100%!important;
    max-width:480px!important;
    min-width:0!important;
    margin:0!important;
    align-self:start!important;
  }

  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:480px!important;
    margin:0!important;
    padding:30px!important;
    border-radius:30px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(248,251,255,.97) 100%)!important;
    border:1px solid rgba(219,230,248,.96)!important;
    box-shadow:0 28px 80px rgba(15,23,42,.14)!important;
    color:#0f172a!important;
    overflow:visible!important;
  }

  body.page-home .home-register-inline .mobile-auth-switch-head,
  body.page-home .home-register-inline .mobile-auth-login-link{
    display:none!important;
  }

  body.page-home .home-register-inline .register h2{
    margin:0 0 8px!important;
    font-size:clamp(38px,3vw,54px)!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
  }

  body.page-home .home-register-inline .register .muted{
    margin:0 0 22px!important;
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    font-size:17px!important;
  }

  body.page-home .home-register-inline .register label{
    color:#111827!important;
    -webkit-text-fill-color:#111827!important;
    font-weight:900!important;
  }

  body.page-home .home-register-inline .register .grid-2{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:14px!important;
  }

  body.page-home .home-register-inline .register .inp,
  body.page-home .home-register-inline .register input.inp,
  body.page-home .home-register-inline .register select.inp{
    color:#111827!important;
    -webkit-text-fill-color:#111827!important;
    background:#fff!important;
    border:1px solid rgba(148,163,184,.46)!important;
  }

  body.page-home .home-register-inline .pw-rules,
  body.page-home .home-register-inline .pw-rule,
  body.page-home .home-register-inline .field-hint{
    color:#475569!important;
    -webkit-text-fill-color:#475569!important;
  }
}

@media (max-width:760px){
  body.page-home .home-register-inline{
    display:none!important;
  }
}


/* IG211.29_DESKTOP_GUEST_TOP_OFFSET_POLISH
   Desktop landing/register split is correct in IG211.28, but the whole two-column guest
   area still starts too close to the fixed navbar. Keep the right register panel, only
   lower the desktop content so the title and register heading are not clipped under the bar. */
@media (min-width:761px){
  body.page-home{
    --kruh-guest-topbar-offset:150px!important;
    padding-top:var(--kruh-guest-topbar-offset)!important;
    scroll-padding-top:var(--kruh-guest-topbar-offset)!important;
  }

  body.page-home .bg{
    padding-top:52px!important;
    margin-top:0!important;
  }

  body.page-home .hero-grid{
    align-items:start!important;
    padding-top:0!important;
  }

  body.page-home .home-register-inline{
    top:calc(var(--kruh-guest-topbar-offset,150px) + 24px)!important;
  }
}

/* IG211.30_DESKTOP_FULL_PANEL_LOWER_OFFSET_FIX
   Desktop guest split layout must move as one complete block under the fixed navbar.
   Previous offset affected only parts of the landing area, so the title/register card still
   visually touched the navbar. This final desktop-only offset moves the whole grid together:
   left landing content + right register panel. Mobile auth flow is untouched. */
@media (min-width:761px){
  body.page-home{
    --kruh-guest-topbar-offset:96px!important;
    --kruh-guest-panel-lower-offset:92px!important;
    padding-top:var(--kruh-guest-topbar-offset)!important;
    scroll-padding-top:calc(var(--kruh-guest-topbar-offset) + var(--kruh-guest-panel-lower-offset))!important;
  }

  body.page-home .bg{
    padding-top:0!important;
    margin-top:0!important;
  }

  body.page-home .hero-grid{
    margin:var(--kruh-guest-panel-lower-offset) auto 0!important;
    padding-top:0!important;
    align-items:start!important;
  }

  body.page-home .home-hero-info,
  body.page-home .home-register-inline{
    transform:none!important;
    margin-top:0!important;
  }

  body.page-home .home-register-inline{
    top:calc(var(--kruh-guest-topbar-offset,96px) + var(--kruh-guest-panel-lower-offset,92px) + 24px)!important;
  }
}


/* IG211.32_MOBILE_SCROLL_DESKTOP_PANEL_POLISH
   Mobile: unlock natural scrolling on /login and /register after route split.
   Desktop: final polish for right registration panel alignment, width and breakpoints.
   No new CSS file; this block intentionally supersedes older IG211 guest offsets. */
@media (min-width:761px){
  body.page-home{
    --kruh-guest-topbar-offset:96px!important;
    --kruh-guest-panel-lower-offset:92px!important;
    padding-top:var(--kruh-guest-topbar-offset)!important;
    scroll-padding-top:calc(var(--kruh-guest-topbar-offset) + 24px)!important;
  }

  body.page-home .bg{
    padding-top:0!important;
    margin-top:0!important;
    min-height:auto!important;
    overflow:visible!important;
  }

  body.page-home .hero-grid{
    display:grid!important;
    grid-template-columns:minmax(560px,740px) minmax(410px,520px)!important;
    gap:34px!important;
    align-items:start!important;
    justify-content:center!important;
    width:min(1360px,calc(100% - 56px))!important;
    max-width:1360px!important;
    margin:var(--kruh-guest-panel-lower-offset) auto 0!important;
    padding-top:0!important;
  }

  body.page-home .home-hero-info{
    grid-column:1!important;
    max-width:740px!important;
    margin:0!important;
    align-self:start!important;
  }

  body.page-home .home-register-inline{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:520px!important;
    margin:0!important;
    align-self:start!important;
    top:calc(var(--kruh-guest-topbar-offset,96px) + 22px)!important;
  }

  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    max-width:520px!important;
    width:100%!important;
    min-height:calc(100vh - var(--kruh-guest-topbar-offset,96px) - var(--kruh-guest-panel-lower-offset,92px) - 54px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:32px 34px!important;
    border-radius:30px!important;
  }

  body.page-home .home-register-inline .register h2{
    font-size:clamp(40px,3.05vw,56px)!important;
  }
}

@media (min-width:761px) and (max-width:1366px){
  body.page-home{
    --kruh-guest-panel-lower-offset:82px!important;
  }

  body.page-home .hero-grid{
    grid-template-columns:minmax(520px,660px) minmax(390px,480px)!important;
    gap:24px!important;
    width:min(1180px,calc(100% - 44px))!important;
    max-width:1180px!important;
  }

  body.page-home .home-hero-info{
    max-width:660px!important;
  }

  body.page-home .home-register-inline,
  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    max-width:480px!important;
  }

  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    padding:28px 30px!important;
    justify-content:center!important;
  }
}

@media (min-width:1440px){
  body.page-home .hero-grid{
    grid-template-columns:minmax(620px,780px) minmax(430px,540px)!important;
    gap:38px!important;
    width:min(1440px,calc(100% - 72px))!important;
    max-width:1440px!important;
  }

  body.page-home .home-hero-info{
    max-width:780px!important;
  }

  body.page-home .home-register-inline,
  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    max-width:540px!important;
  }
}

@media (min-width:1920px){
  body.page-home .hero-grid{
    grid-template-columns:minmax(720px,860px) minmax(460px,560px)!important;
    gap:48px!important;
    width:min(1540px,calc(100% - 96px))!important;
    max-width:1540px!important;
  }

  body.page-home .home-hero-info{
    max-width:860px!important;
  }

  body.page-home .home-register-inline,
  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    max-width:560px!important;
  }
}

@media (min-width:2200px){
  body.page-home .hero-grid{
    width:min(1640px,calc(100% - 120px))!important;
    max-width:1640px!important;
  }
}

@media (max-width:760px){
  html,
  body.page-home,
  body.page-home-login,
  body.page-home-register{
    height:auto!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.page-home-register .bg,
  body.page-home-login .bg,
  body.page-home .bg{
    height:auto!important;
    min-height:auto!important;
    overflow:visible!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
  }

  body.page-home-register .hero-grid,
  body.page-home-login .hero-grid,
  body.page-home .hero-grid,
  body.page-home-register .mobile-register-screen,
  body.page-home-register .mobile-register-card,
  body.page-home-register .register.card{
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.page-home-register .topbar__theme,
  body.page-home-login .topbar__theme,
  body.page-home .topbar__theme{
    pointer-events:auto!important;
  }
}


/* IG211.33_MOBILE_REGISTER_CARD_WIDTH_POLISH
   Mobile-only polish: widen the native /register card so modern phones use the display width better
   while keeping the rounded premium card look and existing desktop layout untouched. */
@media (max-width:760px){
  body.page-home-register .hero-grid{
    width:100%!important;
    max-width:none!important;
    padding-left:6px!important;
    padding-right:6px!important;
    box-sizing:border-box!important;
  }

  body.page-home-register .mobile-register-screen{
    width:100%!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  body.page-home-register .mobile-register-card,
  body.page-home-register .mobile-register-screen > .register.card,
  body.page-home-register .register.card{
    width:calc(100vw - 12px)!important;
    max-width:520px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:18px!important;
    padding-right:18px!important;
    box-sizing:border-box!important;
  }

  body.page-home-register .register .inp,
  body.page-home-register .register input.inp,
  body.page-home-register .register select.inp,
  body.page-home-register .register .btn{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:430px){
  body.page-home-register .hero-grid{
    padding-left:4px!important;
    padding-right:4px!important;
  }

  body.page-home-register .mobile-register-card,
  body.page-home-register .mobile-register-screen > .register.card,
  body.page-home-register .register.card{
    width:calc(100vw - 8px)!important;
    max-width:none!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* IG211.34_REGISTER_WIDTH_DESKTOP_MOBILE_FINAL
   Desktop polish: widen the visible right-side registration panel so the form feels balanced
   next to the landing/map column. Mobile width from IG211.33 remains untouched. */
@media (min-width:761px){
  body.page-home .hero-grid{
    grid-template-columns:minmax(560px,760px) minmax(500px,620px)!important;
    gap:36px!important;
    width:min(1480px,calc(100% - 64px))!important;
    max-width:1480px!important;
  }

  body.page-home .home-hero-info{
    max-width:760px!important;
  }

  body.page-home .home-register-inline,
  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    max-width:620px!important;
  }

  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    width:100%!important;
    padding-left:38px!important;
    padding-right:38px!important;
    box-sizing:border-box!important;
  }

  body.page-home .home-register-inline .register h2{
    max-width:none!important;
    font-size:clamp(42px,3vw,58px)!important;
    line-height:.96!important;
  }

  body.page-home .home-register-inline .register .inp,
  body.page-home .home-register-inline .register input.inp,
  body.page-home .home-register-inline .register select.inp,
  body.page-home .home-register-inline .register .btn{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

@media (min-width:761px) and (max-width:1366px){
  body.page-home .hero-grid{
    grid-template-columns:minmax(500px,620px) minmax(470px,560px)!important;
    gap:26px!important;
    width:min(1220px,calc(100% - 44px))!important;
    max-width:1220px!important;
  }

  body.page-home .home-hero-info{
    max-width:620px!important;
  }

  body.page-home .home-register-inline,
  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    max-width:560px!important;
  }

  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    padding-left:34px!important;
    padding-right:34px!important;
  }

  body.page-home .home-register-inline .register h2{
    font-size:clamp(38px,3.15vw,52px)!important;
  }
}

@media (min-width:1440px){
  body.page-home .hero-grid{
    grid-template-columns:minmax(620px,780px) minmax(540px,640px)!important;
    gap:40px!important;
    width:min(1500px,calc(100% - 72px))!important;
    max-width:1500px!important;
  }

  body.page-home .home-hero-info{
    max-width:780px!important;
  }

  body.page-home .home-register-inline,
  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    max-width:640px!important;
  }
}

@media (min-width:1920px){
  body.page-home .hero-grid{
    grid-template-columns:minmax(720px,860px) minmax(580px,680px)!important;
    gap:50px!important;
    width:min(1620px,calc(100% - 96px))!important;
    max-width:1620px!important;
  }

  body.page-home .home-hero-info{
    max-width:860px!important;
  }

  body.page-home .home-register-inline,
  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    max-width:680px!important;
  }
}

@media (min-width:2200px){
  body.page-home .hero-grid{
    grid-template-columns:minmax(760px,900px) minmax(620px,720px)!important;
    width:min(1740px,calc(100% - 120px))!important;
    max-width:1740px!important;
  }

  body.page-home .home-hero-info{
    max-width:900px!important;
  }

  body.page-home .home-register-inline,
  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    max-width:720px!important;
  }
}

/* IG211.35_DESKTOP_REGISTER_WIDE_FINAL
   Desktop-only final width correction: make the right registration card visibly wider
   beside the landing panel. Mobile layout from IG211.33/IG211.34 stays unchanged. */
@media (min-width:1180px){
  body.page-home .hero-grid{
    grid-template-columns:minmax(560px,730px) minmax(560px,640px)!important;
    gap:32px!important;
    width:min(1460px,calc(100% - 72px))!important;
    max-width:1460px!important;
    justify-content:center!important;
    align-items:start!important;
  }

  body.page-home .home-hero-info{
    width:100%!important;
    max-width:730px!important;
    min-width:0!important;
  }

  body.page-home .home-register-inline{
    width:100%!important;
    max-width:640px!important;
    min-width:560px!important;
    justify-self:stretch!important;
    align-self:start!important;
  }

  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding-left:44px!important;
    padding-right:44px!important;
  }

  body.page-home .home-register-inline .register .form{
    width:100%!important;
    max-width:none!important;
  }

  body.page-home .home-register-inline .register .grid-2,
  body.page-home .home-register-inline .register .dob-grid{
    width:100%!important;
    max-width:none!important;
  }

  body.page-home .home-register-inline .register .inp,
  body.page-home .home-register-inline .register input.inp,
  body.page-home .home-register-inline .register select.inp,
  body.page-home .home-register-inline .register .btn{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }

  body.page-home .home-register-inline .register h2{
    max-width:none!important;
    white-space:normal!important;
    font-size:clamp(44px,3.15vw,62px)!important;
    line-height:.94!important;
  }
}

@media (min-width:1440px){
  body.page-home .hero-grid{
    grid-template-columns:minmax(620px,780px) minmax(600px,700px)!important;
    gap:36px!important;
    width:min(1560px,calc(100% - 84px))!important;
    max-width:1560px!important;
  }

  body.page-home .home-hero-info{
    max-width:780px!important;
  }

  body.page-home .home-register-inline{
    max-width:700px!important;
    min-width:600px!important;
  }
}

@media (min-width:1920px){
  body.page-home .hero-grid{
    grid-template-columns:minmax(720px,880px) minmax(660px,760px)!important;
    gap:48px!important;
    width:min(1700px,calc(100% - 112px))!important;
    max-width:1700px!important;
  }

  body.page-home .home-hero-info{
    max-width:880px!important;
  }

  body.page-home .home-register-inline{
    max-width:760px!important;
    min-width:660px!important;
  }
}

/* IG211.36_DESKTOP_PANEL_PREMIUM_POLISH
   Desktop-only visual polish for the final landing/register split: more breathing room,
   softer premium cards, slightly wider right panel, and consistent top alignment.
   Mobile register width from IG211.33 stays unchanged. */
@media (min-width:1180px){
  body.page-home .hero-grid{
    grid-template-columns:minmax(600px,760px) minmax(610px,700px)!important;
    gap:46px!important;
    width:min(1540px,calc(100% - 88px))!important;
    max-width:1540px!important;
    align-items:start!important;
  }

  body.page-home .home-hero-info,
  body.page-home .home-register-inline{
    align-self:start!important;
    margin-top:0!important;
  }

  body.page-home .home-hero-info{
    max-width:760px!important;
    border-radius:22px!important;
    box-shadow:0 22px 70px rgba(15,23,42,.085), 0 1px 0 rgba(255,255,255,.72) inset!important;
  }

  body.page-home .home-register-inline{
    width:100%!important;
    min-width:610px!important;
    max-width:700px!important;
    justify-self:stretch!important;
  }

  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    width:100%!important;
    max-width:none!important;
    border-radius:24px!important;
    padding-left:48px!important;
    padding-right:48px!important;
    box-shadow:0 24px 78px rgba(15,23,42,.11), 0 1px 0 rgba(255,255,255,.82) inset!important;
    transition:transform .22s ease, box-shadow .22s ease!important;
  }

  body.page-home .home-register-inline .register.card:hover,
  body.page-home .home-register-inline .mobile-register-card:hover{
    transform:translateY(-2px)!important;
    box-shadow:0 30px 92px rgba(15,23,42,.135), 0 1px 0 rgba(255,255,255,.86) inset!important;
  }

  body.page-home .home-register-inline .register h2{
    font-size:clamp(48px,3.05vw,64px)!important;
    letter-spacing:-.045em!important;
    line-height:.94!important;
    max-width:none!important;
  }

  body.page-home .home-register-inline .register .muted{
    margin-top:8px!important;
    margin-bottom:30px!important;
  }

  body.page-home .home-register-inline .register .form{
    width:100%!important;
    max-width:none!important;
  }

  body.page-home .home-register-inline .register .grid-2{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:18px!important;
  }

  body.page-home .home-register-inline .register .dob-grid{
    grid-template-columns:1fr 1fr 1fr!important;
    gap:16px!important;
  }

  body.page-home .home-register-inline .register .inp,
  body.page-home .home-register-inline .register input.inp,
  body.page-home .home-register-inline .register select.inp{
    min-height:46px!important;
    border-radius:14px!important;
  }

  body.page-home .home-register-inline .register .btn{
    min-height:48px!important;
    border-radius:14px!important;
    box-shadow:0 14px 34px rgba(37,99,235,.24)!important;
  }
}

@media (min-width:1367px) and (max-width:1599px){
  body.page-home .hero-grid{
    grid-template-columns:minmax(640px,780px) minmax(630px,720px)!important;
    gap:48px!important;
    width:min(1580px,calc(100% - 92px))!important;
    max-width:1580px!important;
  }
  body.page-home .home-hero-info{max-width:780px!important;}
  body.page-home .home-register-inline{min-width:630px!important;max-width:720px!important;}
}

@media (min-width:1600px){
  body.page-home .hero-grid{
    grid-template-columns:minmax(700px,840px) minmax(660px,760px)!important;
    gap:56px!important;
    width:min(1680px,calc(100% - 112px))!important;
    max-width:1680px!important;
  }
  body.page-home .home-hero-info{max-width:840px!important;}
  body.page-home .home-register-inline{min-width:660px!important;max-width:760px!important;}
}

@media (min-width:1920px){
  body.page-home .hero-grid{
    grid-template-columns:minmax(760px,920px) minmax(700px,800px)!important;
    gap:64px!important;
    width:min(1810px,calc(100% - 128px))!important;
    max-width:1810px!important;
  }
  body.page-home .home-hero-info{max-width:920px!important;}
  body.page-home .home-register-inline{min-width:700px!important;max-width:800px!important;}
}

@media (min-width:2200px){
  body.page-home .hero-grid{
    grid-template-columns:minmax(820px,980px) minmax(760px,860px)!important;
    gap:72px!important;
    width:min(1940px,calc(100% - 160px))!important;
    max-width:1940px!important;
  }
  body.page-home .home-hero-info{max-width:980px!important;}
  body.page-home .home-register-inline{min-width:760px!important;max-width:860px!important;}
}

/* IG211.37_DESKTOP_REGISTER_INPUT_BALANCE
   Keep the premium-wide desktop registration card, but pull the actual form controls
   back to a balanced readable width so inputs do not feel stretched across the card.
   Mobile card width from IG211.33 stays unchanged. */
@media (min-width:1180px){
  body.page-home .home-register-inline .register .form{
    width:min(100%,600px)!important;
    max-width:600px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.page-home .home-register-inline .register .grid-2,
  body.page-home .home-register-inline .register .dob-grid{
    width:100%!important;
    max-width:600px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.page-home .home-register-inline .register .inp,
  body.page-home .home-register-inline .register input.inp,
  body.page-home .home-register-inline .register select.inp,
  body.page-home .home-register-inline .register textarea.inp{
    width:100%!important;
    max-width:600px!important;
  }

  body.page-home .home-register-inline .register .password-meter,
  body.page-home .home-register-inline .register .password-rules,
  body.page-home .home-register-inline .register .form-text,
  body.page-home .home-register-inline .register .form-check,
  body.page-home .home-register-inline .register .form-error,
  body.page-home .home-register-inline .register .btn,
  body.page-home .home-register-inline .register .auth-links{
    width:100%!important;
    max-width:600px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media (min-width:1600px){
  body.page-home .home-register-inline .register .form,
  body.page-home .home-register-inline .register .grid-2,
  body.page-home .home-register-inline .register .dob-grid,
  body.page-home .home-register-inline .register .password-meter,
  body.page-home .home-register-inline .register .password-rules,
  body.page-home .home-register-inline .register .form-text,
  body.page-home .home-register-inline .register .form-check,
  body.page-home .home-register-inline .register .form-error,
  body.page-home .home-register-inline .register .btn,
  body.page-home .home-register-inline .register .auth-links,
  body.page-home .home-register-inline .register .inp,
  body.page-home .home-register-inline .register input.inp,
  body.page-home .home-register-inline .register select.inp,
  body.page-home .home-register-inline .register textarea.inp{
    max-width:620px!important;
  }
}


/* IG211.38_DESKTOP_REGISTER_FINAL_DETAIL_POLISH
   Final desktop-only register card polish: slightly smaller title, calmer consent block,
   extra spacing after gender, and a narrower submit button. Mobile layout remains unchanged. */
@media (min-width:1180px){
  body.page-home .home-register-inline .register h2{
    font-size:clamp(46px,3.45vw,68px)!important;
    line-height:.92!important;
    letter-spacing:-.055em!important;
    margin-bottom:12px!important;
  }

  body.page-home .home-register-inline .register .muted{
    margin-bottom:34px!important;
  }

  body.page-home .home-register-inline .register .register-birth-stack__gender,
  body.page-home .home-register-inline .register .field:has(select[name="gender"]){
    margin-bottom:16px!important;
  }

  body.page-home .home-register-inline .register .form-check{
    max-width:580px!important;
    margin-top:10px!important;
    padding:10px 4px 8px!important;
    line-height:1.5!important;
    align-items:flex-start!important;
  }

  body.page-home .home-register-inline .register .form-check input[type="checkbox"]{
    margin-top:.28em!important;
    flex:0 0 auto!important;
  }

  body.page-home .home-register-inline .register .form-check label,
  body.page-home .home-register-inline .register .form-check span{
    line-height:1.5!important;
  }

  body.page-home .home-register-inline .register .form-error,
  body.page-home .home-register-inline .register .form-text + .form-error{
    margin-top:8px!important;
  }

  body.page-home .home-register-inline .register .btn.btn--block,
  body.page-home .home-register-inline .register #registerSubmitBtn{
    width:min(100%,460px)!important;
    max-width:460px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    display:flex!important;
    justify-content:center!important;
  }

  body.page-home .home-register-inline .register .auth-links{
    max-width:460px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media (min-width:1600px){
  body.page-home .home-register-inline .register h2{
    font-size:clamp(52px,3.2vw,72px)!important;
  }
  body.page-home .home-register-inline .register .btn.btn--block,
  body.page-home .home-register-inline .register #registerSubmitBtn,
  body.page-home .home-register-inline .register .auth-links{
    max-width:480px!important;
  }
}

/* IG211.39_DESKTOP_REGISTER_10_10_MICRO_POLISH
   Final desktop-only micro polish for the wide registration card:
   calmer heading scale, more readable consent text/gap, softer helper lists,
   and a premium narrower submit button. Mobile layout remains unchanged. */
@media (min-width:1180px){
  body.page-home .home-register-inline .register h2{
    font-size:clamp(42px,3.05vw,62px)!important;
    line-height:.96!important;
    letter-spacing:-.05em!important;
    margin-bottom:14px!important;
  }

  body.page-home .home-register-inline .register .muted{
    margin-top:6px!important;
    margin-bottom:34px!important;
  }

  body.page-home .home-register-inline .register .password-rules,
  body.page-home .home-register-inline .register .pw-rules,
  body.page-home .home-register-inline .register .pw-rule,
  body.page-home .home-register-inline .register .field-hint,
  body.page-home .home-register-inline .register .form-text{
    color:rgba(71,85,105,.86)!important;
  }

  body.page-home .home-register-inline .register .register-birth-stack__gender,
  body.page-home .home-register-inline .register .field:has(select[name="gender"]){
    margin-bottom:24px!important;
  }

  body.page-home .home-register-inline .register .form-check{
    display:flex!important;
    align-items:flex-start!important;
    gap:12px!important;
    max-width:570px!important;
    margin-top:12px!important;
    margin-bottom:12px!important;
    padding:12px 6px 10px!important;
    line-height:1.56!important;
  }

  body.page-home .home-register-inline .register .form-check input[type="checkbox"]{
    margin-top:.34em!important;
    margin-right:0!important;
    flex:0 0 auto!important;
  }

  body.page-home .home-register-inline .register .form-check label,
  body.page-home .home-register-inline .register .form-check span{
    line-height:1.56!important;
  }

  body.page-home .home-register-inline .register .form-error,
  body.page-home .home-register-inline .register .form-text + .form-error{
    margin-top:10px!important;
    margin-bottom:10px!important;
    color:rgba(71,85,105,.9)!important;
  }

  body.page-home .home-register-inline .register .btn.btn--block,
  body.page-home .home-register-inline .register #registerSubmitBtn{
    width:min(100%,420px)!important;
    max-width:420px!important;
    min-height:48px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    display:flex!important;
    justify-content:center!important;
    border-radius:14px!important;
    box-shadow:0 16px 34px rgba(37,99,235,.22)!important;
  }

  body.page-home .home-register-inline .register .auth-links{
    max-width:420px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
}

@media (min-width:1600px){
  body.page-home .home-register-inline .register h2{
    font-size:clamp(46px,2.9vw,66px)!important;
  }
  body.page-home .home-register-inline .register .btn.btn--block,
  body.page-home .home-register-inline .register #registerSubmitBtn,
  body.page-home .home-register-inline .register .auth-links{
    max-width:440px!important;
  }
}

/* IG211.40_DESKTOP_REGISTER_TRUE_10_10_FINAL_POLISH
   Final desktop-only precision polish: narrower premium submit button, better checkbox optical alignment,
   and a little more breathing room under the password strength bar. Mobile layout remains unchanged. */
@media (min-width:1180px){
  body.page-home .home-register-inline .register .password-rules,
  body.page-home .home-register-inline .register .pw-rules{
    margin-top:10px!important;
  }

  body.page-home .home-register-inline .register .form-check{
    gap:15px!important;
    max-width:570px!important;
    margin-top:14px!important;
    margin-bottom:12px!important;
    padding:13px 8px 10px!important;
    line-height:1.58!important;
  }

  body.page-home .home-register-inline .register .form-check input[type="checkbox"]{
    margin-top:.42em!important;
    margin-right:0!important;
    flex:0 0 auto!important;
  }

  body.page-home .home-register-inline .register .form-check label,
  body.page-home .home-register-inline .register .form-check span{
    line-height:1.58!important;
  }

  body.page-home .home-register-inline .register .btn.btn--block,
  body.page-home .home-register-inline .register #registerSubmitBtn{
    width:min(100%,390px)!important;
    max-width:390px!important;
    min-height:48px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.page-home .home-register-inline .register .auth-links{
    max-width:390px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
}

@media (min-width:1600px){
  body.page-home .home-register-inline .register .btn.btn--block,
  body.page-home .home-register-inline .register #registerSubmitBtn,
  body.page-home .home-register-inline .register .auth-links{
    max-width:400px!important;
  }
}

/* IG211.41_DESKTOP_CONSENT_CHECKBOX_ALIGNMENT_FIX
   Desktop-only final consent alignment: the 16+ checkbox is optically locked to the first text line
   instead of floating too high/left. Mobile layout remains unchanged. */
@media (min-width:1180px){
  body.page-home .home-register-inline .register label.consent{
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    column-gap:13px!important;
    align-items:start!important;
    width:100%!important;
    max-width:570px!important;
    margin:16px auto 12px!important;
    padding:10px 8px 8px!important;
    line-height:1.56!important;
  }

  body.page-home .home-register-inline .register label.consent input[type="checkbox"]{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    margin:3px 0 0!important;
    padding:0!important;
    flex:0 0 15px!important;
    align-self:start!important;
    justify-self:start!important;
    transform:none!important;
  }

  body.page-home .home-register-inline .register label.consent span{
    display:block!important;
    min-width:0!important;
    line-height:1.56!important;
    margin:0!important;
  }

  body.page-home .home-register-inline .register label.consent span strong,
  body.page-home .home-register-inline .register label.consent span a{
    line-height:inherit!important;
  }
}


/* IG211.42_DESKTOP_CONSENT_FINAL_MICRO_ALIGNMENT
   Desktop-only consent micro-polish: lower checkbox by a few pixels, add a cleaner checkbox/text gap,
   soften the consent warning and add breathing room before auth links. Mobile layout remains unchanged. */
@media (min-width:1180px){
  body.page-home .home-register-inline .register label.consent{
    grid-template-columns:18px minmax(0,1fr)!important;
    column-gap:17px!important;
    max-width:570px!important;
    margin:18px auto 14px!important;
    padding:10px 8px 8px!important;
    line-height:1.58!important;
  }

  body.page-home .home-register-inline .register label.consent input[type="checkbox"]{
    margin-top:6px!important;
    transform:none!important;
  }

  body.page-home .home-register-inline .register label.consent span,
  body.page-home .home-register-inline .register label.consent span strong,
  body.page-home .home-register-inline .register label.consent span a{
    line-height:1.58!important;
  }

  body.page-home .home-register-inline .register .form-error,
  body.page-home .home-register-inline .register .form-text + .form-error{
    opacity:.9!important;
    color:rgba(71,85,105,.82)!important;
  }

  body.page-home .home-register-inline .register .btn.btn--block + .auth-links,
  body.page-home .home-register-inline .register #registerSubmitBtn + .auth-links,
  body.page-home .home-register-inline .register .auth-links{
    margin-top:12px!important;
  }
}

/* IG211.43_DESKTOP_REGISTER_10_10_FINAL_SPACING
   Desktop-only final precision: checkbox baseline, helper spacing, consent breathing room and submit/auth rhythm.
   Mobile layout remains unchanged. */
@media (min-width:1180px){
  body.page-home .home-register-inline .register .dob-grid + .form-text,
  body.page-home .home-register-inline .register .register-birth-stack .form-text,
  body.page-home .home-register-inline .register .field:has(select[name="birth_year"]) + .form-text{
    margin-top:6px!important;
  }

  body.page-home .home-register-inline .register .register-birth-stack__gender,
  body.page-home .home-register-inline .register .field:has(select[name="gender"]){
    margin-bottom:34px!important;
  }

  body.page-home .home-register-inline .register label.consent{
    column-gap:21px!important;
    margin-top:20px!important;
    margin-bottom:16px!important;
    padding:10px 8px 8px!important;
    line-height:1.6!important;
  }

  body.page-home .home-register-inline .register label.consent input[type="checkbox"]{
    margin-top:8px!important;
  }

  body.page-home .home-register-inline .register label.consent span,
  body.page-home .home-register-inline .register label.consent span strong,
  body.page-home .home-register-inline .register label.consent span a{
    line-height:1.6!important;
  }

  body.page-home .home-register-inline .register .form-error,
  body.page-home .home-register-inline .register .form-text + .form-error{
    margin-top:12px!important;
    margin-bottom:12px!important;
    opacity:.82!important;
    color:rgba(71,85,105,.76)!important;
  }

  body.page-home .home-register-inline .register .btn.btn--block,
  body.page-home .home-register-inline .register #registerSubmitBtn{
    margin-top:10px!important;
  }

  body.page-home .home-register-inline .register .btn.btn--block + .auth-links,
  body.page-home .home-register-inline .register #registerSubmitBtn + .auth-links,
  body.page-home .home-register-inline .register .auth-links{
    margin-top:14px!important;
  }
}

/* IG211.44_DESKTOP_REGISTER_COMPACT_FIELD_WIDTHS
   Desktop-only compact width balance: keep the premium card, but reduce stretched form controls,
   birthdate selects and gender select to a cleaner natural width. Mobile layout remains unchanged. */
@media (min-width:1180px){
  body.page-home .home-register-inline .register .form{
    width:min(100%,560px)!important;
    max-width:560px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.page-home .home-register-inline .register .grid-2{
    width:100%!important;
    max-width:560px!important;
    gap:22px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.page-home .home-register-inline .register .field:not(.register-birth-stack__gender) > .inp,
  body.page-home .home-register-inline .register .field:not(.register-birth-stack__gender) > input.inp,
  body.page-home .home-register-inline .register .field:not(.register-birth-stack__gender) > textarea.inp{
    width:100%!important;
    max-width:560px!important;
  }

  body.page-home .home-register-inline .register .password-meter,
  body.page-home .home-register-inline .register .password-rules,
  body.page-home .home-register-inline .register .pw-rules,
  body.page-home .home-register-inline .register .field-hint,
  body.page-home .home-register-inline .register .form-text,
  body.page-home .home-register-inline .register .form-error,
  body.page-home .home-register-inline .register label.consent{
    width:100%!important;
    max-width:560px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.page-home .home-register-inline .register .dob-grid,
  body.page-home .home-register-inline .register .birthdate-selects,
  body.page-home .home-register-inline .register .birthdate-selects--register-inline,
  body.page-home .home-register-inline .register .register-birth-inline-force{
    width:100%!important;
    max-width:460px!important;
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
    gap:16px!important;
    margin-left:0!important;
    margin-right:auto!important;
  }

  body.page-home .home-register-inline .register .birthdate-selects .inp,
  body.page-home .home-register-inline .register select[name="birth_day"],
  body.page-home .home-register-inline .register select[name="birth_month"],
  body.page-home .home-register-inline .register select[name="birth_year"]{
    width:100%!important;
    max-width:142px!important;
  }

  body.page-home .home-register-inline .register .register-birth-stack__gender,
  body.page-home .home-register-inline .register .field:has(select[name="gender"]){
    width:100%!important;
    max-width:360px!important;
    margin-left:0!important;
    margin-right:auto!important;
  }

  body.page-home .home-register-inline .register select[name="gender"]{
    width:100%!important;
    max-width:360px!important;
  }

  body.page-home .home-register-inline .register .btn.btn--block,
  body.page-home .home-register-inline .register #registerSubmitBtn,
  body.page-home .home-register-inline .register .auth-links{
    width:min(100%,360px)!important;
    max-width:360px!important;
  }
}

@media (min-width:1600px){
  body.page-home .home-register-inline .register .form,
  body.page-home .home-register-inline .register .grid-2,
  body.page-home .home-register-inline .register .password-meter,
  body.page-home .home-register-inline .register .password-rules,
  body.page-home .home-register-inline .register .pw-rules,
  body.page-home .home-register-inline .register .field-hint,
  body.page-home .home-register-inline .register .form-text,
  body.page-home .home-register-inline .register .form-error,
  body.page-home .home-register-inline .register label.consent{
    max-width:580px!important;
  }

  body.page-home .home-register-inline .register .field:not(.register-birth-stack__gender) > .inp,
  body.page-home .home-register-inline .register .field:not(.register-birth-stack__gender) > input.inp,
  body.page-home .home-register-inline .register .field:not(.register-birth-stack__gender) > textarea.inp{
    max-width:580px!important;
  }

  body.page-home .home-register-inline .register .dob-grid,
  body.page-home .home-register-inline .register .birthdate-selects,
  body.page-home .home-register-inline .register .birthdate-selects--register-inline,
  body.page-home .home-register-inline .register .register-birth-inline-force{
    max-width:480px!important;
  }

  body.page-home .home-register-inline .register .birthdate-selects .inp,
  body.page-home .home-register-inline .register select[name="birth_day"],
  body.page-home .home-register-inline .register select[name="birth_month"],
  body.page-home .home-register-inline .register select[name="birth_year"]{
    max-width:115px!important;
  }

  body.page-home .home-register-inline .register .register-birth-stack__gender,
  body.page-home .home-register-inline .register .field:has(select[name="gender"]),
  body.page-home .home-register-inline .register select[name="gender"]{
    max-width:380px!important;
  }
}


/* IG211.45_DESKTOP_GENDER_COMPACT_SELECT */
@media (min-width:1180px){
  body.page-home .home-register-inline .register select[name="gender"]{
    width:115px!important;
    min-width:115px!important;
    max-width:115px!important;
    flex:0 0 115px!important;
  }

  body.page-home .home-register-inline .register .register-birth-row{
    gap:12px!important;
  }

  body.page-home .home-register-inline .register select[name="birth_day"],
  body.page-home .home-register-inline .register select[name="birth_month"],
  body.page-home .home-register-inline .register select[name="birth_year"]{
    width:140px!important;
    min-width:140px!important;
    max-width:140px!important;
  }
}

/* IG211.51_DESKTOP_REGISTER_PRETTY_CUSTOM_SELECTS
   Native opened <select> menus are browser/OS controlled, so desktop register uses
   a small custom select facade for date/gender while preserving the original select values. */
@media (min-width:1180px){
  body.page-home .home-register-inline .register select.kruh-select-native{
    display:none!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select{
    position:relative!important;
    display:inline-block!important;
    width:116px!important;
    max-width:116px!important;
    min-width:116px!important;
    z-index:20!important;
    font-family:inherit!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender{
    width:92px!important;
    max-width:92px!important;
    min-width:92px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__button{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:0 12px!important;
    border:1px solid rgba(148,163,184,.44)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.94))!important;
    color:#0f172a!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1!important;
    text-align:left!important;
    cursor:pointer!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 8px 18px rgba(15,23,42,.04)!important;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__button:hover{
    border-color:rgba(59,130,246,.42)!important;
    background:linear-gradient(180deg,#fff,rgba(239,246,255,.96))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 22px rgba(37,99,235,.08)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__button:focus-visible,
  body.page-home .home-register-inline .register .kruh-pretty-select.is-open .kruh-pretty-select__button{
    outline:none!important;
    border-color:rgba(37,99,235,.72)!important;
    box-shadow:0 0 0 4px rgba(37,99,235,.15),0 12px 26px rgba(37,99,235,.12)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__value{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__chevron{
    width:8px!important;
    height:8px!important;
    flex:0 0 8px!important;
    border-right:2px solid currentColor!important;
    border-bottom:2px solid currentColor!important;
    transform:rotate(45deg) translateY(-2px)!important;
    opacity:.86!important;
    transition:transform .16s ease!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select.is-open .kruh-pretty-select__chevron{
    transform:rotate(225deg) translateY(-2px)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    width:100%!important;
    max-height:260px!important;
    overflow:auto!important;
    display:none!important;
    padding:6px!important;
    border:1px solid rgba(148,163,184,.32)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 22px 54px rgba(15,23,42,.16),0 0 0 1px rgba(255,255,255,.9) inset!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    z-index:9999!important;
    animation:kruhPrettySelectIn .14s ease-out both!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select.is-open .kruh-pretty-select__menu{
    display:block!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__menu::-webkit-scrollbar{
    width:7px!important;
  }
  body.page-home .home-register-inline .register .kruh-pretty-select__menu::-webkit-scrollbar-track{
    background:rgba(226,232,240,.45)!important;
    border-radius:999px!important;
  }
  body.page-home .home-register-inline .register .kruh-pretty-select__menu::-webkit-scrollbar-thumb{
    background:rgba(100,116,139,.55)!important;
    border-radius:999px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__option{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    min-height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:7px 9px!important;
    margin:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#0f172a!important;
    font-size:14px!important;
    font-weight:750!important;
    line-height:1.1!important;
    text-align:left!important;
    cursor:pointer!important;
    transition:background .14s ease,color .14s ease,transform .14s ease!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__option:hover,
  body.page-home .home-register-inline .register .kruh-pretty-select__option:focus{
    outline:none!important;
    background:rgba(37,99,235,.10)!important;
    color:#1d4ed8!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__option.is-selected{
    background:linear-gradient(135deg,#2f6df2,#55a6ff)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(37,99,235,.18)!important;
  }

  @keyframes kruhPrettySelectIn{
    from{opacity:0;transform:translateY(-4px) scale(.98)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }
}

/* IG211.52_DESKTOP_GENDER_ICON_SELECT_FINAL
   Desktop-only: premium gender custom select with inline gender icons. No image assets. */
@media (min-width:1180px){
  body.page-home .home-register-inline .register .kruh-pretty-select--gender{
    width:126px!important;
    max-width:126px!important;
    min-width:126px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__button{
    justify-content:flex-start!important;
    gap:9px!important;
    padding:0 10px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__icon,
  body.page-home .home-register-inline .register .kruh-pretty-select__option-icon{
    width:18px!important;
    min-width:18px!important;
    height:18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:19px!important;
    line-height:1!important;
    font-weight:900!important;
    color:#2563eb!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__icon[data-gender-icon="female"],
  body.page-home .home-register-inline .register .kruh-pretty-select__option-icon[data-gender-icon="female"]{
    color:#d9467f!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__icon[data-gender-icon="male"],
  body.page-home .home-register-inline .register .kruh-pretty-select__option-icon[data-gender-icon="male"]{
    color:#0f72aa!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__icon[data-gender-icon="empty"],
  body.page-home .home-register-inline .register .kruh-pretty-select__option-icon[data-gender-icon="empty"]{
    color:#2563eb!important;
    font-size:17px!important;
    opacity:.88!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__value{
    flex:1 1 auto!important;
    min-width:0!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__chevron{
    margin-left:auto!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__menu{
    width:156px!important;
    min-width:156px!important;
    max-width:156px!important;
    padding:7px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option{
    gap:10px!important;
    min-height:38px!important;
    padding:8px 10px!important;
    font-size:15px!important;
    border-radius:11px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option.is-selected .kruh-pretty-select__option-icon{
    color:#fff!important;
  }
}


/* IG211.53_DESKTOP_SELECT_ICON_OVERLAP_FINAL
   Final desktop custom-select polish: opened select always floats above following selects,
   gender placeholder uses a neutral person glyph drawn in CSS, icons/text are tighter,
   and gender menu/options are visually aligned. Mobile remains native/unchanged. */
@media (min-width:1180px){
  body.page-home .home-register-inline .register .kruh-pretty-select{
    z-index:3!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select.is-open{
    z-index:30000!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__menu{
    z-index:30001!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--birth .kruh-pretty-select__menu{
    width:130px!important;
    min-width:130px!important;
    max-width:130px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender{
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__button{
    gap:7px!important;
    padding-left:11px!important;
    padding-right:10px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__value{
    flex:0 1 auto!important;
    min-width:0!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__chevron{
    margin-left:auto!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__menu{
    width:148px!important;
    min-width:148px!important;
    max-width:148px!important;
    padding:7px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:36px!important;
    padding:8px 9px!important;
    line-height:1!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__option-label{
    display:inline-flex!important;
    align-items:center!important;
    min-height:18px!important;
    line-height:1!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__icon,
  body.page-home .home-register-inline .register .kruh-pretty-select__option-icon{
    width:17px!important;
    min-width:17px!important;
    height:18px!important;
    font-size:18px!important;
    line-height:18px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__icon[data-gender-icon="empty"],
  body.page-home .home-register-inline .register .kruh-pretty-select__option-icon[data-gender-icon="empty"]{
    position:relative!important;
    color:#2563eb!important;
    opacity:1!important;
    font-size:0!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__icon[data-gender-icon="empty"]::before,
  body.page-home .home-register-inline .register .kruh-pretty-select__option-icon[data-gender-icon="empty"]::before{
    content:""!important;
    position:absolute!important;
    top:2px!important;
    left:6px!important;
    width:5px!important;
    height:5px!important;
    border:2px solid currentColor!important;
    border-radius:50%!important;
    box-sizing:border-box!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__icon[data-gender-icon="empty"]::after,
  body.page-home .home-register-inline .register .kruh-pretty-select__option-icon[data-gender-icon="empty"]::after{
    content:""!important;
    position:absolute!important;
    left:3px!important;
    bottom:1px!important;
    width:11px!important;
    height:7px!important;
    border:2px solid currentColor!important;
    border-bottom:0!important;
    border-radius:11px 11px 0 0!important;
    box-sizing:border-box!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option:hover,
  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option:focus{
    background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(96,165,250,.08))!important;
  }
}

/* IG211.54_DESKTOP_GENDER_EMPTY_SELECTED_VISIBILITY_FIX
   Desktop-only: keep the empty gender option readable when selected/opened.
   Prevents the selected placeholder row from becoming washed-out white. */
@media (min-width:1180px){
  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option[data-value=""].is-selected{
    background:linear-gradient(135deg,rgba(239,246,255,.98),rgba(219,234,254,.92))!important;
    color:#1e3a8a!important;
    box-shadow:inset 0 0 0 1px rgba(37,99,235,.08),0 6px 14px rgba(37,99,235,.08)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option[data-value=""].is-selected .kruh-pretty-select__option-icon{
    color:#2563eb!important;
    opacity:1!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option[data-value=""].is-selected .kruh-pretty-select__option-label{
    color:#1e3a8a!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option[data-value=""].is-selected:hover,
  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option[data-value=""].is-selected:focus{
    background:linear-gradient(135deg,rgba(219,234,254,1),rgba(191,219,254,.94))!important;
    color:#1d4ed8!important;
  }
}

/* IG211.56_DESKTOP_SELECT_MICRO_COSMETIC_POLISH
   Desktop-only polish for custom selects: softer active row, smoother opening,
   clearer hover/focus feedback and calmer dropdown feel. Mobile remains native. */
@media (min-width:1180px){
  body.page-home .home-register-inline .register .kruh-pretty-select__button{
    transition:
      border-color .16s ease,
      box-shadow .16s ease,
      background .16s ease,
      transform .16s ease!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select.is-open .kruh-pretty-select__button{
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    border-color:rgba(37,99,235,.62)!important;
    box-shadow:
      0 0 0 4px rgba(37,99,235,.13),
      0 12px 28px rgba(37,99,235,.12)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__menu{
    animation:kruhSelectSoftOpen .16s cubic-bezier(.2,.8,.2,1) both!important;
    transform-origin:top left!important;
    background:rgba(255,255,255,.98)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__option{
    transition:
      background .14s ease,
      color .14s ease,
      box-shadow .14s ease,
      transform .14s ease!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__option:hover,
  body.page-home .home-register-inline .register .kruh-pretty-select__option:focus{
    background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(147,197,253,.10))!important;
    color:#1d4ed8!important;
    box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__option.is-selected{
    background:linear-gradient(135deg,rgba(59,130,246,.88),rgba(96,165,250,.78))!important;
    color:#fff!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.22),
      0 8px 18px rgba(37,99,235,.14)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option[data-value=""].is-selected{
    background:linear-gradient(135deg,rgba(226,239,255,.96),rgba(241,247,255,.94))!important;
    color:#1e3a8a!important;
    box-shadow:
      inset 0 0 0 1px rgba(37,99,235,.09),
      0 6px 14px rgba(37,99,235,.07)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option[data-value=""].is-selected:hover,
  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option[data-value=""].is-selected:focus{
    background:linear-gradient(135deg,rgba(219,234,254,.98),rgba(239,246,255,.96))!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option{
    gap:9px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option-icon,
  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__icon{
    transform:translateY(.5px)!important;
  }

  @keyframes kruhSelectSoftOpen{
    from{opacity:0;transform:translateY(-5px) scale(.985)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }
}


/* IG211.57_DESKTOP_SELECT_TRUE_10_10_POLISH
   Desktop-only final custom select polish: calmer active rows, premium menu shadow,
   softer blue scrollbar and tighter visual rhythm. Mobile remains native/unchanged. */
@media (min-width:1180px){
  body.page-home .home-register-inline .register .kruh-pretty-select__button{
    background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%)!important;
    border-color:rgba(148,163,184,.38)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 8px 18px rgba(15,23,42,.035)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__button:hover{
    background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%)!important;
    border-color:rgba(59,130,246,.38)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 22px rgba(37,99,235,.07)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select.is-open .kruh-pretty-select__button,
  body.page-home .home-register-inline .register .kruh-pretty-select__button:focus-visible{
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
    border-color:rgba(37,99,235,.58)!important;
    box-shadow:0 0 0 3px rgba(37,99,235,.12),0 12px 26px rgba(37,99,235,.10)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__menu{
    border-color:rgba(203,213,225,.70)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,251,255,.98))!important;
    box-shadow:0 18px 46px rgba(15,23,42,.11),0 1px 0 rgba(255,255,255,.92) inset!important;
    animation:kruhSelectFinalOpen .18s cubic-bezier(.2,.8,.2,1) both!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__menu::-webkit-scrollbar{
    width:6px!important;
  }
  body.page-home .home-register-inline .register .kruh-pretty-select__menu::-webkit-scrollbar-track{
    background:rgba(226,232,240,.38)!important;
    border-radius:999px!important;
  }
  body.page-home .home-register-inline .register .kruh-pretty-select__menu::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,rgba(147,197,253,.78),rgba(96,165,250,.58))!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.82)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__option{
    color:#0f172a!important;
    font-weight:800!important;
    transition:background .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__option:hover,
  body.page-home .home-register-inline .register .kruh-pretty-select__option:focus{
    background:linear-gradient(135deg,rgba(219,234,254,.76),rgba(239,246,255,.92))!important;
    color:#1d4ed8!important;
    box-shadow:inset 0 0 0 1px rgba(37,99,235,.07)!important;
    transform:translateY(-1px)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__option.is-selected{
    background:linear-gradient(135deg,rgba(59,130,246,.84),rgba(96,165,250,.76))!important;
    color:#fff!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.26),0 8px 18px rgba(37,99,235,.13)!important;
    transform:none!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--birth .kruh-pretty-select__menu{
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
    padding:6px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--birth .kruh-pretty-select__option{
    min-height:31px!important;
    padding:7px 9px!important;
    border-radius:9px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender{
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__menu{
    width:148px!important;
    min-width:148px!important;
    max-width:148px!important;
    padding:7px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option{
    min-height:36px!important;
    padding:8px 9px!important;
    gap:8px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option[data-value=""].is-selected{
    background:linear-gradient(135deg,rgba(219,234,254,.78),rgba(239,246,255,.94))!important;
    color:#1d4ed8!important;
    box-shadow:inset 0 0 0 1px rgba(37,99,235,.08),0 5px 12px rgba(37,99,235,.06)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option[data-value=""].is-selected .kruh-pretty-select__option-icon,
  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option[data-value=""].is-selected .kruh-pretty-select__option-label{
    color:#1d4ed8!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option[data-value=""].is-selected:hover,
  body.page-home .home-register-inline .register .kruh-pretty-select--gender .kruh-pretty-select__option[data-value=""].is-selected:focus{
    background:linear-gradient(135deg,rgba(191,219,254,.72),rgba(239,246,255,.96))!important;
  }

  @keyframes kruhSelectFinalOpen{
    from{opacity:0;transform:translateY(-6px) scale(.982)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }
}

/* IG213.8_MOBILE_AUTH_THEME_REGISTER_SHEET
   Mobile-only auth stabilization: light/dark surfaces follow the selected theme, and register
   opens as a swipeable sheet on /login without affecting desktop or the stable IG213 chat core. */
@media (max-width:760px){
  body.page-home,
  body.page-home-login,
  body.page-home-register{
    --kruh-auth-mobile-bg:#eef5ff;
    --kruh-auth-mobile-surface:rgba(255,255,255,.965);
    --kruh-auth-mobile-surface-2:rgba(248,251,255,.94);
    --kruh-auth-mobile-text:#0f172a;
    --kruh-auth-mobile-muted:#53637a;
    --kruh-auth-mobile-border:rgba(148,163,184,.26);
    --kruh-auth-mobile-input:rgba(255,255,255,.90);
    --kruh-auth-mobile-input-border:rgba(148,163,184,.32);
    --kruh-auth-mobile-btn:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%);
    --kruh-auth-mobile-btn-text:#fff;
    background:
      radial-gradient(circle at 50% 4%,rgba(96,165,250,.18),transparent 34%),
      linear-gradient(180deg,#f8fbff 0%,#edf5ff 52%,#eaf2fc 100%)!important;
    color:var(--kruh-auth-mobile-text)!important;
  }

  html[data-theme="dark"] body.page-home,
  html[data-theme="dark"] body.page-home-login,
  html[data-theme="dark"] body.page-home-register,
  body.theme-dark.page-home,
  body.theme-dark.page-home-login,
  body.theme-dark.page-home-register{
    --kruh-auth-mobile-bg:#071126;
    --kruh-auth-mobile-surface:rgba(17,28,52,.88);
    --kruh-auth-mobile-surface-2:rgba(26,39,66,.82);
    --kruh-auth-mobile-text:#f8fbff;
    --kruh-auth-mobile-muted:#c7d2e7;
    --kruh-auth-mobile-border:rgba(148,163,184,.30);
    --kruh-auth-mobile-input:rgba(15,23,42,.72);
    --kruh-auth-mobile-input-border:rgba(148,163,184,.28);
    --kruh-auth-mobile-btn:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%);
    --kruh-auth-mobile-btn-text:#fff;
    background:linear-gradient(180deg,#071126 0%,#0b1731 56%,#101d38 100%)!important;
    color:var(--kruh-auth-mobile-text)!important;
  }

  html[data-theme="light"] body.page-home .topbar.topbar--home#login,
  html[data-theme="light"] body.page-home-login .topbar.topbar--home#login,
  html[data-theme="light"] body.page-home-register .topbar.topbar--home#login,
  html[data-theme="light"] body.page-home .topbar--home,
  html[data-theme="light"] body.page-home-login .topbar--home,
  html[data-theme="light"] body.page-home-register .topbar--home,
  body.theme-light.page-home .topbar.topbar--home#login,
  body.theme-light.page-home-login .topbar.topbar--home#login,
  body.theme-light.page-home-register .topbar.topbar--home#login,
  body.theme-light.page-home .topbar--home,
  body.theme-light.page-home-login .topbar--home,
  body.theme-light.page-home-register .topbar--home{
    background:linear-gradient(180deg,#ffffff 0%,#eef6ff 100%)!important;
    border-bottom:1px solid rgba(191,219,254,.74)!important;
    box-shadow:0 18px 44px rgba(37,99,235,.09)!important;
  }

  html[data-theme="light"] body.page-home .kruh-logo,
  html[data-theme="light"] body.page-home-login .kruh-logo,
  html[data-theme="light"] body.page-home-register .kruh-logo,
  body.theme-light.page-home .kruh-logo,
  body.theme-light.page-home-login .kruh-logo,
  body.theme-light.page-home-register .kruh-logo{
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    text-shadow:none!important;
  }

  body.page-home .topbar__theme,
  body.page-home-login .topbar__theme,
  body.page-home-register .topbar__theme{
    background:var(--kruh-auth-mobile-surface-2)!important;
    border:1px solid var(--kruh-auth-mobile-border)!important;
    color:var(--kruh-auth-mobile-text)!important;
    -webkit-text-fill-color:var(--kruh-auth-mobile-text)!important;
  }

  body.page-home .home-login__inp,
  body.page-home-login .home-login__inp,
  body.page-home .pwfield--sm,
  body.page-home-login .pwfield--sm,
  body.page-home .pwfield__inp,
  body.page-home-login .pwfield__inp{
    background:var(--kruh-auth-mobile-input)!important;
    border-color:var(--kruh-auth-mobile-input-border)!important;
    color:var(--kruh-auth-mobile-text)!important;
    -webkit-text-fill-color:var(--kruh-auth-mobile-text)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
  }

  body.page-home .home-login__inp::placeholder,
  body.page-home-login .home-login__inp::placeholder,
  body.page-home .pwfield__inp::placeholder,
  body.page-home-login .pwfield__inp::placeholder{
    color:var(--kruh-auth-mobile-muted)!important;
    -webkit-text-fill-color:var(--kruh-auth-mobile-muted)!important;
  }

  body.page-home .home-login__btn,
  body.page-home-login .home-login__btn{
    background:var(--kruh-auth-mobile-btn)!important;
    color:var(--kruh-auth-mobile-btn-text)!important;
    -webkit-text-fill-color:var(--kruh-auth-mobile-btn-text)!important;
    border:0!important;
    box-shadow:0 14px 34px rgba(37,99,235,.24)!important;
  }

  html[data-theme="light"] body.page-home .guest-register-direct-cta__eyebrow,
  html[data-theme="light"] body.page-home-login .guest-register-direct-cta__eyebrow,
  body.theme-light.page-home .guest-register-direct-cta__eyebrow,
  body.theme-light.page-home-login .guest-register-direct-cta__eyebrow{
    color:#344256!important;
    -webkit-text-fill-color:#344256!important;
  }

  body.page-home-login .bg{
    display:block!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    min-height:0!important;
    overflow:visible!important;
  }

  body.page-home-login .hero-grid{
    display:block!important;
    width:100%!important;
    max-width:720px!important;
    margin:0 auto!important;
    padding:0 16px max(28px,env(safe-area-inset-bottom))!important;
  }

  body.page-home-login .mobile-register-screen,
  body.page-home .mobile-register-screen.home-register-inline{
    display:block!important;
    width:100%!important;
    max-width:720px!important;
    margin:0 auto!important;
    padding:0!important;
    transform:translate3d(0,22px,0) scale(.985)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    max-height:0!important;
    overflow:hidden!important;
    transition:max-height .46s cubic-bezier(.16,1,.3,1),opacity .28s ease,transform .46s cubic-bezier(.16,1,.3,1),visibility 0s linear .46s!important;
  }

  body.kruh-mobile-register-open.page-home-login .mobile-register-screen,
  body.kruh-mobile-register-open.page-home .mobile-register-screen.home-register-inline{
    max-height:2200px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    overflow:visible!important;
    transform:translate3d(0,0,0) scale(1)!important;
    transition:max-height .52s cubic-bezier(.16,1,.3,1),opacity .22s ease,transform .52s cubic-bezier(.16,1,.3,1),visibility 0s!important;
  }

  body.page-home-login .mobile-register-card,
  body.page-home-login .mobile-register-screen > .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    margin:18px auto 0!important;
    width:min(100%,520px)!important;
    border-radius:30px 30px 0 0!important;
    background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,251,255,.965))!important;
    border:1px solid rgba(191,219,254,.72)!important;
    color:#0f172a!important;
    box-shadow:0 24px 72px rgba(37,99,235,.13),0 -1px 0 rgba(255,255,255,.85) inset!important;
  }

  html[data-theme="dark"] body.page-home-login .mobile-register-card,
  html[data-theme="dark"] body.page-home-login .mobile-register-screen > .register.card,
  html[data-theme="dark"] body.page-home .home-register-inline .mobile-register-card,
  body.theme-dark.page-home-login .mobile-register-card,
  body.theme-dark.page-home-login .mobile-register-screen > .register.card,
  body.theme-dark.page-home .home-register-inline .mobile-register-card{
    background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,251,255,.965))!important;
    color:#0f172a!important;
  }

  body.page-home-login .mobile-register-card::before,
  body.page-home .home-register-inline .mobile-register-card::before{
    content:"";
    display:block;
    width:42px;
    height:5px;
    margin:-6px auto 14px;
    border-radius:999px;
    background:rgba(148,163,184,.55);
  }

  body.kruh-mobile-register-open.page-home-login .guest-register-direct-cta__button,
  body.kruh-mobile-register-open.page-home .guest-register-direct-cta__button{
    box-shadow:0 12px 32px rgba(37,99,235,.22), inset 0 1px 0 rgba(255,255,255,.25)!important;
  }
}

/* IG213.9_MOBILE_AUTH_NAVBAR_REGISTER_SHEET_FIX
   Mobile-only correction after IG213.8: auth navbar visually matches desktop blue KRUH bar,
   register opens as a real animated bottom sheet, and swipe-down can return to login. */
@media (max-width:760px){
  body.page-home,
  body.page-home-login,
  body.page-home-register{
    --kruh-guest-topbar-offset:78px!important;
    padding-top:var(--kruh-guest-topbar-offset)!important;
    background:radial-gradient(circle at 50% 0%,rgba(96,165,250,.16),transparent 32%),linear-gradient(180deg,#f8fbff 0%,#eef6ff 52%,#eaf2fc 100%)!important;
    color:#0f172a!important;
  }
  html[data-theme="dark"] body.page-home,
  html[data-theme="dark"] body.page-home-login,
  html[data-theme="dark"] body.page-home-register,
  body.theme-dark.page-home,
  body.theme-dark.page-home-login,
  body.theme-dark.page-home-register{
    background:linear-gradient(180deg,#071126 0%,#0b1731 56%,#101d38 100%)!important;
    color:#f8fbff!important;
  }
  body.page-home .topbar.topbar--home#login,
  body.page-home-login .topbar.topbar--home#login,
  body.page-home-register .topbar.topbar--home#login,
  body.page-home .topbar--home,
  body.page-home-login .topbar--home,
  body.page-home-register .topbar--home,
  html[data-theme="light"] body.page-home .topbar.topbar--home#login,
  html[data-theme="light"] body.page-home-login .topbar.topbar--home#login,
  html[data-theme="light"] body.page-home-register .topbar.topbar--home#login,
  body.theme-light.page-home .topbar.topbar--home#login,
  body.theme-light.page-home-login .topbar.topbar--home#login,
  body.theme-light.page-home-register .topbar.topbar--home#login{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    min-height:72px!important;height:72px!important;padding:0!important;
    display:flex!important;align-items:center!important;
    background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 48%,#60a5fa 100%)!important;
    border-bottom:1px solid rgba(191,219,254,.38)!important;
    box-shadow:0 12px 34px rgba(37,99,235,.24)!important;
    color:#fff!important;
  }
  body.page-home .topbar__inner,
  body.page-home-login .topbar__inner,
  body.page-home-register .topbar__inner{
    width:100%!important;max-width:none!important;min-height:72px!important;height:72px!important;
    padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  }
  body.page-home .kruh-logo,
  body.page-home-login .kruh-logo,
  body.page-home-register .kruh-logo,
  html[data-theme="light"] body.page-home .kruh-logo,
  html[data-theme="light"] body.page-home-login .kruh-logo,
  html[data-theme="light"] body.page-home-register .kruh-logo,
  body.theme-light.page-home .kruh-logo,
  body.theme-light.page-home-login .kruh-logo,
  body.theme-light.page-home-register .kruh-logo{
    color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 8px rgba(15,23,42,.22)!important;
  }
  body.page-home .topbar__theme,
  body.page-home-login .topbar__theme,
  body.page-home-register .topbar__theme{
    width:42px!important;height:42px!important;min-width:42px!important;border-radius:999px!important;
    background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.35)!important;
    color:#fff!important;-webkit-text-fill-color:#fff!important;
    box-shadow:0 10px 24px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.24)!important;
    backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  }
  body.page-home-login .bg,
  body.page-home .bg{padding-top:0!important;margin-top:0!important;}
  body.page-home-login .hero-grid,
  body.page-home .hero-grid{padding-top:16px!important;}
  body.page-home-login .mobile-register-screen,
  body.page-home .mobile-register-screen.home-register-inline{
    position:fixed!important;z-index:2147482100!important;left:0!important;right:0!important;
    top:var(--kruh-guest-topbar-offset,78px)!important;bottom:0!important;width:100%!important;max-width:none!important;
    margin:0!important;padding:10px 8px max(14px,env(safe-area-inset-bottom))!important;display:block!important;
    background:linear-gradient(180deg,rgba(239,246,255,.52),rgba(226,239,255,.92))!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(0,100%,0)!important;
    max-height:none!important;overflow:hidden!important;
    transition:transform .44s cubic-bezier(.16,1,.3,1),opacity .22s ease,visibility 0s linear .44s!important;
  }
  html[data-theme="dark"] body.page-home-login .mobile-register-screen,
  html[data-theme="dark"] body.page-home .mobile-register-screen.home-register-inline,
  body.theme-dark.page-home-login .mobile-register-screen,
  body.theme-dark.page-home .mobile-register-screen.home-register-inline{
    background:linear-gradient(180deg,rgba(7,17,38,.54),rgba(9,20,42,.94))!important;
  }
  body.kruh-mobile-register-open.page-home-login .mobile-register-screen,
  body.kruh-mobile-register-open.page-home .mobile-register-screen.home-register-inline{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate3d(0,0,0)!important;
    transition:transform .48s cubic-bezier(.16,1,.3,1),opacity .18s ease,visibility 0s!important;
  }
  body.page-home-login .mobile-register-card,
  body.page-home-login .mobile-register-screen>.register.card,
  body.page-home .home-register-inline .mobile-register-card{
    width:min(100%,540px)!important;max-height:calc(100dvh - var(--kruh-guest-topbar-offset,78px) - 22px)!important;
    margin:0 auto!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;touch-action:pan-y!important;
    border-radius:30px 30px 18px 18px!important;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
    border:1px solid rgba(191,219,254,.78)!important;color:#0f172a!important;
    box-shadow:0 28px 80px rgba(15,23,42,.22),0 0 0 1px rgba(255,255,255,.68) inset!important;
  }
  body.page-home-login .mobile-register-card::before,
  body.page-home .home-register-inline .mobile-register-card::before{
    content:""!important;position:sticky!important;top:0!important;z-index:3!important;display:block!important;
    width:46px!important;height:5px!important;margin:4px auto 16px!important;border-radius:999px!important;background:rgba(148,163,184,.58)!important;
  }
  body.kruh-mobile-register-open.page-home-login .topbar__login,
  body.kruh-mobile-register-open.page-home .topbar__login,
  body.page-home-register{padding-top:0!important;}
  body.page-home-register .topbar.topbar--home#login,
  body.page-home-register .topbar--home{position:sticky!important;}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
  body.page-home-login .mobile-register-screen,
  body.page-home .mobile-register-screen.home-register-inline,
  body.kruh-mobile-register-open.page-home-login .mobile-register-screen,
  body.kruh-mobile-register-open.page-home .mobile-register-screen.home-register-inline{transition:none!important;}
}

/* IG213.10_MOBILE_AUTH_STABLE_SHEET_FOOTER_FIX
   Mobile auth cleanup: desktop-parity light/dark header, no form overlap,
   real bottom-sheet registration and visible KRUH footer. Existing bundle only. */
@media (max-width:760px){
  body.page-home,
  body.page-home-login,
  body.page-home-register{
    --kruh-guest-topbar-offset:0px!important;
    padding-top:0!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
    background:radial-gradient(circle at 50% 0%,rgba(147,197,253,.22),transparent 34%),linear-gradient(180deg,#ffffff 0%,#f5f9ff 48%,#edf6ff 100%)!important;
    color:#0f172a!important;
  }

  html[data-theme="dark"] body.page-home,
  html[data-theme="dark"] body.page-home-login,
  html[data-theme="dark"] body.page-home-register,
  body.theme-dark.page-home,
  body.theme-dark.page-home-login,
  body.theme-dark.page-home-register{
    background:radial-gradient(circle at 50% 0%,rgba(37,99,235,.22),transparent 36%),linear-gradient(180deg,#071126 0%,#0b1731 58%,#101d38 100%)!important;
    color:#f8fbff!important;
  }

  body.page-home .topbar.topbar--home#login,
  body.page-home-login .topbar.topbar--home#login,
  body.page-home-register .topbar.topbar--home#login,
  body.page-home .topbar--home,
  body.page-home-login .topbar--home,
  body.page-home-register .topbar--home{
    position:relative!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    width:100%!important;max-width:none!important;
    min-height:0!important;height:auto!important;
    margin:0!important;padding:max(18px,env(safe-area-inset-top)) 0 20px!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:inherit!important;
    z-index:10!important;
    transform:none!important;
    overflow:visible!important;
  }

  body.page-home .topbar__inner,
  body.page-home-login .topbar__inner,
  body.page-home-register .topbar__inner{
    width:100%!important;
    max-width:720px!important;
    min-height:0!important;height:auto!important;
    margin:0 auto!important;
    padding:0 22px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:14px!important;
    position:relative!important;
  }

  body.page-home .kruh-logo,
  body.page-home-login .kruh-logo,
  body.page-home-register .kruh-logo{
    align-self:center!important;
    margin:0 auto 14px!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    text-shadow:0 12px 32px rgba(148,163,184,.18)!important;
  }
  html[data-theme="dark"] body.page-home .kruh-logo,
  html[data-theme="dark"] body.page-home-login .kruh-logo,
  html[data-theme="dark"] body.page-home-register .kruh-logo,
  body.theme-dark.page-home .kruh-logo,
  body.theme-dark.page-home-login .kruh-logo,
  body.theme-dark.page-home-register .kruh-logo{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 16px 34px rgba(0,0,0,.35)!important;
  }

  body.page-home .kruh-logo__wordmark,
  body.page-home-login .kruh-logo__wordmark,
  body.page-home-register .kruh-logo__wordmark{
    font-size:clamp(30px,10vw,42px)!important;
    line-height:.95!important;
    font-weight:950!important;
    letter-spacing:-.055em!important;
  }
  body.page-home .kruh-logo__submark,
  body.page-home-login .kruh-logo__submark,
  body.page-home-register .kruh-logo__submark{
    font-size:clamp(11px,3.4vw,14px)!important;
    letter-spacing:.54em!important;
    font-weight:950!important;
    opacity:.96!important;
  }

  body.page-home .topbar__theme,
  body.page-home-login .topbar__theme,
  body.page-home-register .topbar__theme{
    position:absolute!important;
    top:0!important;
    right:22px!important;
    width:48px!important;height:48px!important;min-width:48px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.78)!important;
    border:1px solid rgba(203,213,225,.82)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    box-shadow:0 14px 34px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.86)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
  html[data-theme="dark"] body.page-home .topbar__theme,
  html[data-theme="dark"] body.page-home-login .topbar__theme,
  html[data-theme="dark"] body.page-home-register .topbar__theme,
  body.theme-dark.page-home .topbar__theme,
  body.theme-dark.page-home-login .topbar__theme,
  body.theme-dark.page-home-register .topbar__theme{
    background:rgba(255,255,255,.16)!important;
    border-color:rgba(255,255,255,.26)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 16px 36px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.18)!important;
  }
  body.page-home .topbar__loginCard,
  body.page-home-login .topbar__loginCard{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
  }

  body.page-home .home-login__inp,
  body.page-home-login .home-login__inp,
  body.page-home .pwfield--sm,
  body.page-home-login .pwfield--sm,
  body.page-home .pwfield__inp,
  body.page-home-login .pwfield__inp{
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(203,213,225,.92)!important;
    color:#172033!important;
    -webkit-text-fill-color:#172033!important;
    box-shadow:0 12px 28px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.92)!important;
    font-size:16px!important;
  }
  html[data-theme="dark"] body.page-home .home-login__inp,
  html[data-theme="dark"] body.page-home-login .home-login__inp,
  html[data-theme="dark"] body.page-home .pwfield--sm,
  html[data-theme="dark"] body.page-home-login .pwfield--sm,
  html[data-theme="dark"] body.page-home .pwfield__inp,
  html[data-theme="dark"] body.page-home-login .pwfield__inp,
  body.theme-dark.page-home .home-login__inp,
  body.theme-dark.page-home-login .home-login__inp,
  body.theme-dark.page-home .pwfield--sm,
  body.theme-dark.page-home-login .pwfield--sm,
  body.theme-dark.page-home .pwfield__inp,
  body.theme-dark.page-home-login .pwfield__inp{
    background:rgba(15,23,42,.74)!important;
    border-color:rgba(148,163,184,.28)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 14px 32px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.09)!important;
  }

  body.page-home .home-login__inp::placeholder,
  body.page-home-login .home-login__inp::placeholder,
  body.page-home .pwfield__inp::placeholder,
  body.page-home-login .pwfield__inp::placeholder{
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    opacity:1!important;
  }
  html[data-theme="dark"] body.page-home .home-login__inp::placeholder,
  html[data-theme="dark"] body.page-home-login .home-login__inp::placeholder,
  html[data-theme="dark"] body.page-home .pwfield__inp::placeholder,
  html[data-theme="dark"] body.page-home-login .pwfield__inp::placeholder,
  body.theme-dark.page-home .home-login__inp::placeholder,
  body.theme-dark.page-home-login .home-login__inp::placeholder,
  body.theme-dark.page-home .pwfield__inp::placeholder,
  body.theme-dark.page-home-login .pwfield__inp::placeholder{
    color:rgba(226,232,240,.76)!important;
    -webkit-text-fill-color:rgba(226,232,240,.76)!important;
  }

  body.page-home .home-login__btn,
  body.page-home-login .home-login__btn{
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,#2563eb 0%,#3b82f6 50%,#60a5fa 100%)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border:0!important;
    box-shadow:0 18px 38px rgba(37,99,235,.28), inset 0 1px 0 rgba(255,255,255,.24)!important;
    font-weight:900!important;
  }
  html[data-theme="dark"] body.page-home .guest-register-direct-cta__eyebrow,
  html[data-theme="dark"] body.page-home-login .guest-register-direct-cta__eyebrow,
  body.theme-dark.page-home .guest-register-direct-cta__eyebrow,
  body.theme-dark.page-home-login .guest-register-direct-cta__eyebrow{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.page-home .bg,
  body.page-home-login .bg{
    display:block!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.page-home .hero-grid,
  body.page-home-login .hero-grid{
    display:block!important;
    width:100%!important;
    max-width:720px!important;
    margin:0 auto!important;
    padding:0 22px 136px!important;
  }
  body.page-home .home-hero-info,
  body.page-home-login .home-hero-info,
  body.page-home .pill-row,
  body.page-home-login .pill-row,
  body.page-home .kruh-ad--support,
  body.page-home-login .kruh-ad--support,
  body.page-home .home-ad-carousel,
  body.page-home-login .home-ad-carousel{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.page-home .mobile-register-screen.home-register-inline,
  body.page-home-login .mobile-register-screen{
    position:fixed!important;
    z-index:2147482400!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:max(18px,env(safe-area-inset-top)) 10px max(18px,env(safe-area-inset-bottom))!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    background:rgba(15,23,42,.26)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    max-height:none!important;
    overflow:hidden!important;
    transition:opacity .22s ease,visibility 0s linear .28s!important;
  }
  body.kruh-mobile-register-open.page-home .mobile-register-screen.home-register-inline,
  body.kruh-mobile-register-open.page-home-login .mobile-register-screen{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .18s ease,visibility 0s!important;
  }

  body.page-home .home-register-inline .mobile-register-card,
  body.page-home-login .mobile-register-card,
  body.page-home-login .mobile-register-screen>.register.card{
    position:relative!important;
    width:min(100%,560px)!important;
    max-height:min(88dvh,calc(100dvh - max(30px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom))))!important;
    margin:0 auto!important;
    padding:18px 18px 22px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    border-radius:30px 30px 24px 24px!important;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
    border:1px solid rgba(191,219,254,.78)!important;
    color:#0f172a!important;
    box-shadow:0 32px 86px rgba(15,23,42,.26), inset 0 1px 0 rgba(255,255,255,.82)!important;
    transform:translate3d(0,104%,0)!important;
    transition:transform .48s cubic-bezier(.16,1,.3,1)!important;
  }
  body.kruh-mobile-register-open.page-home .home-register-inline .mobile-register-card,
  body.kruh-mobile-register-open.page-home-login .mobile-register-card,
  body.kruh-mobile-register-open.page-home-login .mobile-register-screen>.register.card{
    transform:translate3d(0,0,0)!important;
  }
  body.page-home .home-register-inline .mobile-register-card::before,
  body.page-home-login .mobile-register-card::before,
  body.page-home-login .mobile-register-screen>.register.card::before{
    content:""!important;
    display:block!important;
    width:46px!important;
    height:5px!important;
    margin:2px auto 14px!important;
    border-radius:999px!important;
    background:rgba(148,163,184,.58)!important;
  }
  .mobile-register-sheet-close{
    position:sticky!important;
    top:0!important;
    float:right!important;
    z-index:5!important;
    width:42px!important;
    height:42px!important;
    margin:-2px 0 2px 8px!important;
    border:0!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(241,245,249,.95)!important;
    color:#334155!important;
    -webkit-text-fill-color:#334155!important;
    font-size:28px!important;
    line-height:1!important;
    font-weight:700!important;
    box-shadow:0 10px 24px rgba(15,23,42,.10)!important;
  }

  body.kruh-mobile-register-open.page-home .topbar__login,
  body.kruh-mobile-register-open.page-home-login .topbar__login,
  body.kruh-mobile-register-open.page-home .guest-register-direct-cta,
  body.kruh-mobile-register-open.page-home-login .guest-register-direct-cta{
    opacity:.28!important;
    filter:blur(.35px)!important;
    transform:scale(.985)!important;
    transition:opacity .2s ease,filter .2s ease,transform .28s cubic-bezier(.16,1,.3,1)!important;
  }

  body.page-home-register{
    padding-top:0!important;
  }
  body.page-home-register .topbar.topbar--home#login,
  body.page-home-register .topbar--home{
    display:block!important;
    padding:max(18px,env(safe-area-inset-top)) 0 8px!important;
  }
  body.page-home-register .topbar__login,
  body.page-home-register .guest-register-direct-cta{
    display:none!important;
  }
  body.page-home-register .bg{
    display:block!important;
    padding:0 0 110px!important;
    background:transparent!important;
  }
  body.page-home-register .hero-grid{
    padding:0 8px!important;
  }
  body.page-home-register .mobile-register-screen{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:720px!important;
    margin:0 auto!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    overflow:visible!important;
  }
  body.page-home-register .mobile-register-card,
  body.page-home-register .mobile-register-screen>.register.card{
    width:100%!important;
    margin:0 auto!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
    color:#0f172a!important;
    border:1px solid rgba(203,213,225,.88)!important;
    box-shadow:0 22px 70px rgba(15,23,42,.13)!important;
  }

  body.page-home .pk-footer,
  body.page-home-login .pk-footer,
  body.page-home-register .pk-footer{
    display:block!important;
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;
    z-index:8!important;
    margin:0!important;
    padding:10px 16px max(12px,env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(237,246,255,.92) 36%,rgba(237,246,255,.98))!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  html[data-theme="dark"] body.page-home .pk-footer,
  html[data-theme="dark"] body.page-home-login .pk-footer,
  html[data-theme="dark"] body.page-home-register .pk-footer,
  body.theme-dark.page-home .pk-footer,
  body.theme-dark.page-home-login .pk-footer,
  body.theme-dark.page-home-register .pk-footer{
    background:linear-gradient(180deg,rgba(7,17,38,0),rgba(16,29,56,.88) 38%,rgba(16,29,56,.96))!important;
  }
  body.page-home .pk-footer-links,
  body.page-home-login .pk-footer-links,
  body.page-home-register .pk-footer-links{
    display:none!important;
  }
  body.page-home .pk-footer-copy,
  body.page-home-login .pk-footer-copy,
  body.page-home-register .pk-footer-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    text-align:center!important;
    font-size:13px!important;
    line-height:1.25!important;
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    opacity:1!important;
    font-weight:800!important;
  }
  body.page-home .pk-footer-copy *,
  body.page-home-login .pk-footer-copy *,
  body.page-home-register .pk-footer-copy *{
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    opacity:1!important;
  }
  html[data-theme="dark"] body.page-home .pk-footer-copy,
  html[data-theme="dark"] body.page-home-login .pk-footer-copy,
  html[data-theme="dark"] body.page-home-register .pk-footer-copy,
  body.theme-dark.page-home .pk-footer-copy,
  body.theme-dark.page-home-login .pk-footer-copy,
  body.theme-dark.page-home-register .pk-footer-copy{
    color:rgba(226,232,240,.78)!important;
    -webkit-text-fill-color:rgba(226,232,240,.78)!important;
  }
}

@media (max-width:760px) and (prefers-reduced-motion:reduce){
  body.page-home .home-register-inline .mobile-register-card,
  body.page-home-login .mobile-register-card,
  body.page-home-login .mobile-register-screen>.register.card,
  body.page-home .mobile-register-screen.home-register-inline,
  body.page-home-login .mobile-register-screen{
    transition:none!important;
  }
}


/* IG213.11_MOBILE_AUTH_LAYOUT_RESTORE_STABLE
   Mobile auth layout restore: remove the remaining blue hero strip, keep the logo/form fully visible,
   keep footer visible, and preserve the existing register bottom-sheet behaviour without touching chat. */
@media (max-width:760px){
  body.page-home,
  body.page-home-login,
  body.page-home-register{
    --kruh-mobile-auth-pad-x:22px!important;
    padding-top:0!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
    background:radial-gradient(circle at 50% 0%,rgba(147,197,253,.20),transparent 34%),linear-gradient(180deg,#ffffff 0%,#f7fbff 44%,#edf6ff 100%)!important;
    color:#0f172a!important;
  }

  html[data-theme="dark"] body.page-home,
  html[data-theme="dark"] body.page-home-login,
  html[data-theme="dark"] body.page-home-register,
  body.theme-dark.page-home,
  body.theme-dark.page-home-login,
  body.theme-dark.page-home-register{
    background:radial-gradient(circle at 50% 0%,rgba(37,99,235,.20),transparent 36%),linear-gradient(180deg,#071126 0%,#0b1731 58%,#101d38 100%)!important;
    color:#f8fbff!important;
  }

  body.page-home .topbar.topbar--home#login,
  body.page-home-login .topbar.topbar--home#login,
  body.page-home-register .topbar.topbar--home#login,
  body.page-home .topbar--home,
  body.page-home-login .topbar--home,
  body.page-home-register .topbar--home{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:max(26px,calc(env(safe-area-inset-top) + 18px)) 0 18px!important;
    display:block!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    color:inherit!important;
    z-index:12!important;
    transform:none!important;
    overflow:visible!important;
  }

  body.page-home .topbar__inner,
  body.page-home-login .topbar__inner,
  body.page-home-register .topbar__inner{
    width:100%!important;
    max-width:720px!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0 var(--kruh-mobile-auth-pad-x)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:14px!important;
    position:relative!important;
  }

  body.page-home .kruh-logo,
  body.page-home-login .kruh-logo,
  body.page-home-register .kruh-logo{
    display:flex!important;
    align-self:center!important;
    justify-content:center!important;
    align-items:center!important;
    margin:0 auto 16px!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    text-shadow:0 12px 32px rgba(148,163,184,.18)!important;
    opacity:1!important;
    visibility:visible!important;
  }

  html[data-theme="dark"] body.page-home .kruh-logo,
  html[data-theme="dark"] body.page-home-login .kruh-logo,
  html[data-theme="dark"] body.page-home-register .kruh-logo,
  body.theme-dark.page-home .kruh-logo,
  body.theme-dark.page-home-login .kruh-logo,
  body.theme-dark.page-home-register .kruh-logo{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 16px 34px rgba(0,0,0,.35)!important;
  }

  body.page-home .kruh-logo__wordmark,
  body.page-home-login .kruh-logo__wordmark,
  body.page-home-register .kruh-logo__wordmark{
    font-size:clamp(28px,8.4vw,38px)!important;
    line-height:.95!important;
    font-weight:950!important;
    letter-spacing:-.055em!important;
  }
  body.page-home .kruh-logo__submark,
  body.page-home-login .kruh-logo__submark,
  body.page-home-register .kruh-logo__submark{
    font-size:clamp(10px,3vw,13px)!important;
    letter-spacing:.54em!important;
    font-weight:950!important;
    opacity:.96!important;
  }

  body.page-home .topbar__theme,
  body.page-home-login .topbar__theme,
  body.page-home-register .topbar__theme{
    position:absolute!important;
    top:0!important;
    right:var(--kruh-mobile-auth-pad-x)!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.82)!important;
    border:1px solid rgba(203,213,225,.84)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    box-shadow:0 14px 34px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.86)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }

  html[data-theme="dark"] body.page-home .topbar__theme,
  html[data-theme="dark"] body.page-home-login .topbar__theme,
  html[data-theme="dark"] body.page-home-register .topbar__theme,
  body.theme-dark.page-home .topbar__theme,
  body.theme-dark.page-home-login .topbar__theme,
  body.theme-dark.page-home-register .topbar__theme{
    background:rgba(255,255,255,.16)!important;
    border-color:rgba(255,255,255,.26)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 16px 36px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;
  }
  body.page-home .topbar__loginCard,
  body.page-home-login .topbar__loginCard{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
  }

  body.page-home .home-login__inp,
  body.page-home-login .home-login__inp,
  body.page-home .pwfield--sm,
  body.page-home-login .pwfield--sm,
  body.page-home .pwfield__inp,
  body.page-home-login .pwfield__inp{
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(203,213,225,.92)!important;
    color:#172033!important;
    -webkit-text-fill-color:#172033!important;
    box-shadow:0 12px 28px rgba(15,23,42,.055),inset 0 1px 0 rgba(255,255,255,.92)!important;
    font-size:16px!important;
  }
  html[data-theme="dark"] body.page-home .home-login__inp,
  html[data-theme="dark"] body.page-home-login .home-login__inp,
  html[data-theme="dark"] body.page-home .pwfield--sm,
  html[data-theme="dark"] body.page-home-login .pwfield--sm,
  html[data-theme="dark"] body.page-home .pwfield__inp,
  html[data-theme="dark"] body.page-home-login .pwfield__inp,
  body.theme-dark.page-home .home-login__inp,
  body.theme-dark.page-home-login .home-login__inp,
  body.theme-dark.page-home .pwfield--sm,
  body.theme-dark.page-home-login .pwfield--sm,
  body.theme-dark.page-home .pwfield__inp,
  body.theme-dark.page-home-login .pwfield__inp{
    background:rgba(15,23,42,.74)!important;
    border-color:rgba(148,163,184,.28)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 14px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.09)!important;
  }

  body.page-home .home-login__btn,
  body.page-home-login .home-login__btn{
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,#2563eb 0%,#3b82f6 50%,#60a5fa 100%)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border:0!important;
    box-shadow:0 18px 38px rgba(37,99,235,.28),inset 0 1px 0 rgba(255,255,255,.24)!important;
    font-weight:900!important;
    opacity:1!important;
  }
  html[data-theme="dark"] body.page-home .guest-register-direct-cta__eyebrow,
  html[data-theme="dark"] body.page-home-login .guest-register-direct-cta__eyebrow,
  body.theme-dark.page-home .guest-register-direct-cta__eyebrow,
  body.theme-dark.page-home-login .guest-register-direct-cta__eyebrow{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.page-home .bg,
  body.page-home-login .bg{
    display:block!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.page-home .hero-grid,
  body.page-home-login .hero-grid{
    display:block!important;
    width:100%!important;
    max-width:720px!important;
    margin:0 auto!important;
    padding:0 var(--kruh-mobile-auth-pad-x) 136px!important;
  }
  body.page-home .home-hero-info,
  body.page-home-login .home-hero-info,
  body.page-home .pill-row,
  body.page-home-login .pill-row,
  body.page-home .home-ad-carousel,
  body.page-home-login .home-ad-carousel,
  body.page-home .kruh-ad--support,
  body.page-home-login .kruh-ad--support{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.page-home .mobile-register-screen.home-register-inline,
  body.page-home-login .mobile-register-screen{
    position:fixed!important;
    z-index:2147482400!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:max(18px,env(safe-area-inset-top)) 10px max(18px,env(safe-area-inset-bottom))!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    background:rgba(15,23,42,.26)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    max-height:none!important;
    overflow:hidden!important;
    transition:opacity .22s ease,visibility 0s linear .28s!important;
  }
  body.kruh-mobile-register-open.page-home .mobile-register-screen.home-register-inline,
  body.kruh-mobile-register-open.page-home-login .mobile-register-screen{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .18s ease,visibility 0s!important;
  }
  body.page-home .home-register-inline .mobile-register-card,
  body.page-home-login .mobile-register-card,
  body.page-home-login .mobile-register-screen>.register.card{
    position:relative!important;
    width:min(100%,560px)!important;
    max-height:min(88dvh,calc(100dvh - max(30px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom))))!important;
    margin:0 auto!important;
    padding:18px 18px 22px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    border-radius:30px 30px 24px 24px!important;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
    border:1px solid rgba(191,219,254,.78)!important;
    color:#0f172a!important;
    box-shadow:0 32px 86px rgba(15,23,42,.26),inset 0 1px 0 rgba(255,255,255,.82)!important;
    transform:translate3d(0,104%,0)!important;
    transition:transform .48s cubic-bezier(.16,1,.3,1)!important;
  }
  body.kruh-mobile-register-open.page-home .home-register-inline .mobile-register-card,
  body.kruh-mobile-register-open.page-home-login .mobile-register-card,
  body.kruh-mobile-register-open.page-home-login .mobile-register-screen>.register.card{
    transform:translate3d(0,0,0)!important;
  }

  body.kruh-mobile-register-open.page-home .topbar__login,
  body.kruh-mobile-register-open.page-home-login .topbar__login,
  body.kruh-mobile-register-open.page-home .guest-register-direct-cta,
  body.kruh-mobile-register-open.page-home-login .guest-register-direct-cta{
    opacity:.28!important;
    filter:blur(.35px)!important;
    transform:scale(.985)!important;
    transition:opacity .2s ease,filter .2s ease,transform .28s cubic-bezier(.16,1,.3,1)!important;
  }

  body.page-home .pk-footer,
  body.page-home-login .pk-footer,
  body.page-home-register .pk-footer{
    display:block!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:8!important;
    margin:0!important;
    padding:10px 16px max(12px,env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(237,246,255,.92) 36%,rgba(237,246,255,.98))!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  html[data-theme="dark"] body.page-home .pk-footer,
  html[data-theme="dark"] body.page-home-login .pk-footer,
  html[data-theme="dark"] body.page-home-register .pk-footer,
  body.theme-dark.page-home .pk-footer,
  body.theme-dark.page-home-login .pk-footer,
  body.theme-dark.page-home-register .pk-footer{
    background:linear-gradient(180deg,rgba(7,17,38,0),rgba(16,29,56,.88) 38%,rgba(16,29,56,.96))!important;
  }
}

/* IG213.12_AUTH_SPLASH_CLEANUP
   Final mobile auth cleanup: remove legacy blue/splash topbar overlays on guest auth screens.
   Keeps the existing bundle as the single source of truth, no new CSS files. */
@media (max-width:760px){
  html:has(body.page-home-login),
  html:has(body.page-home),
  body.page-home-login,
  body.page-home{
    min-height:100dvh!important;
    overflow-x:hidden!important;
    background:linear-gradient(180deg,#ffffff 0%,#f4f8ff 54%,#eaf4ff 100%)!important;
    color:#0f172a!important;
    padding-top:0!important;
  }

  html[data-theme="dark"] body.page-home-login,
  html[data-theme="dark"] body.page-home,
  body.theme-dark.page-home-login,
  body.theme-dark.page-home{
    background:linear-gradient(180deg,#101a31 0%,#0d172d 58%,#091326 100%)!important;
    color:#f8fafc!important;
  }

  body.page-home-login .topbar.topbar--home#login,
  body.page-home .topbar.topbar--home#login,
  body.page-home-login .topbar--home,
  body.page-home .topbar--home{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:max(18px,env(safe-area-inset-top)) 0 0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:2!important;
    transform:none!important;
  }

  body.page-home-login .topbar__inner,
  body.page-home .topbar__inner{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:720px!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0 22px!important;
    gap:14px!important;
    transform:none!important;
  }

  body.page-home-login .topbar__brand,
  body.page-home .topbar__brand,
  body.page-home-login .kruh-logo,
  body.page-home .kruh-logo{
    display:inline-flex!important;
    align-self:center!important;
    align-items:center!important;
    margin:0 auto 12px!important;
    position:relative!important;
    z-index:3!important;
    filter:drop-shadow(0 14px 28px rgba(37,99,235,.12))!important;
  }

  body.page-home-login .kruh-logo__wordmark,
  body.page-home .kruh-logo__wordmark{
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    text-shadow:0 1px 0 rgba(255,255,255,.75),0 12px 24px rgba(15,23,42,.12)!important;
  }
  body.page-home-login .kruh-logo__submark,
  body.page-home .kruh-logo__submark{
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    opacity:.86!important;
  }
  html[data-theme="dark"] body.page-home-login .kruh-logo__wordmark,
  html[data-theme="dark"] body.page-home .kruh-logo__wordmark,
  body.theme-dark.page-home-login .kruh-logo__wordmark,
  body.theme-dark.page-home .kruh-logo__wordmark,
  html[data-theme="dark"] body.page-home-login .kruh-logo__submark,
  html[data-theme="dark"] body.page-home .kruh-logo__submark,
  body.theme-dark.page-home-login .kruh-logo__submark,
  body.theme-dark.page-home .kruh-logo__submark{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.page-home-login .topbar__theme,
  body.page-home .topbar__theme{
    position:absolute!important;
    top:max(16px,env(safe-area-inset-top))!important;
    right:22px!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    margin:0!important;
    border-radius:999px!important;
    transform:none!important;
    background:rgba(255,255,255,.82)!important;
    border:1px solid rgba(203,213,225,.75)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    box-shadow:0 14px 32px rgba(15,23,42,.12)!important;
    z-index:4!important;
  }
  html[data-theme="dark"] body.page-home-login .topbar__theme,
  html[data-theme="dark"] body.page-home .topbar__theme,
  body.theme-dark.page-home-login .topbar__theme,
  body.theme-dark.page-home .topbar__theme{
    background:rgba(30,41,59,.84)!important;
    border-color:rgba(148,163,184,.28)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.page-home-login .topbar__login,
  body.page-home .topbar__login{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    overflow:visible!important;
    filter:none!important;
    position:relative!important;
    z-index:3!important;
  }

  body.page-home-login .topbar__loginCard,
  body.page-home .topbar__loginCard{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.page-home-login .topbar__loginRow,
  body.page-home .topbar__loginRow{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    width:100%!important;
    margin:0!important;
  }

  body.page-home-login .home-login__inp,
  body.page-home .home-login__inp,
  body.page-home-login .pwfield--sm,
  body.page-home .pwfield--sm,
  body.page-home-login .pwfield__inp,
  body.page-home .pwfield__inp{
    width:100%!important;
    min-height:54px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(203,213,225,.78)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    box-shadow:0 10px 28px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.72)!important;
  }
  body.page-home-login .home-login__inp::placeholder,
  body.page-home .home-login__inp::placeholder,
  body.page-home-login .pwfield__inp::placeholder,
  body.page-home .pwfield__inp::placeholder{
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    opacity:1!important;
  }

  body.page-home-login .pwfield__toggle,
  body.page-home .pwfield__toggle,
  body.page-home-login .pwfield__toggle i,
  body.page-home .pwfield__toggle i,
  body.page-home-login .pwfield__toggle svg,
  body.page-home .pwfield__toggle svg,
  body.page-home-login .pwfield__toggle svg *,
  body.page-home .pwfield__toggle svg *{
    color:#0f172a!important;
    fill:#0f172a!important;
    stroke:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    opacity:1!important;
  }

  html[data-theme="dark"] body.page-home-login .home-login__inp,
  html[data-theme="dark"] body.page-home .home-login__inp,
  html[data-theme="dark"] body.page-home-login .pwfield--sm,
  html[data-theme="dark"] body.page-home .pwfield--sm,
  html[data-theme="dark"] body.page-home-login .pwfield__inp,
  html[data-theme="dark"] body.page-home .pwfield__inp,
  body.theme-dark.page-home-login .home-login__inp,
  body.theme-dark.page-home .home-login__inp,
  body.theme-dark.page-home-login .pwfield--sm,
  body.theme-dark.page-home .pwfield--sm,
  body.theme-dark.page-home-login .pwfield__inp,
  body.theme-dark.page-home .pwfield__inp{
    background:rgba(15,23,42,.78)!important;
    border-color:rgba(148,163,184,.32)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.page-home-login .home-login__btn,
  body.page-home .home-login__btn{
    width:100%!important;
    min-height:56px!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#2563eb,#60a5fa)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 18px 44px rgba(37,99,235,.30)!important;
    opacity:1!important;
  }

  body.page-home-login .guest-register-direct-cta,
  body.page-home .guest-register-direct-cta{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:16px auto 0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    filter:none!important;
    position:relative!important;
    z-index:3!important;
  }

  body.page-home-login .guest-register-direct-cta__eyebrow,
  body.page-home .guest-register-direct-cta__eyebrow{
    margin:0 0 12px!important;
    text-align:center!important;
    color:#1e293b!important;
    -webkit-text-fill-color:#1e293b!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:950!important;
  }
  html[data-theme="dark"] body.page-home-login .guest-register-direct-cta__eyebrow,
  html[data-theme="dark"] body.page-home .guest-register-direct-cta__eyebrow,
  body.theme-dark.page-home-login .guest-register-direct-cta__eyebrow,
  body.theme-dark.page-home .guest-register-direct-cta__eyebrow{
    color:#f8fafc!important;
    -webkit-text-fill-color:#f8fafc!important;
  }

  body.page-home-login .guest-register-direct-cta__button,
  body.page-home .guest-register-direct-cta__button{
    width:100%!important;
    min-height:72px!important;
    margin:0 auto!important;
    border-radius:28px!important;
    background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%)!important;
    border:1px solid rgba(147,197,253,.82)!important;
    box-shadow:0 22px 54px rgba(37,99,235,.30),inset 0 1px 0 rgba(255,255,255,.28)!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }

  body.page-home-login .bg,
  body.page-home .bg{
    display:none!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }

  body.page-home-login .home-hero-info,
  body.page-home .home-hero-info,
  body.page-home-login .hero__mock,
  body.page-home .hero__mock,
  body.page-home-login .pill-row,
  body.page-home .pill-row{
    display:none!important;
  }

  body.page-home-login .pk-footer,
  body.page-home .pk-footer{
    display:block!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:1!important;
    margin:0!important;
    padding:12px 16px max(14px,env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(234,244,255,.94) 36%,rgba(234,244,255,.98))!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }

  body.page-home-login,
  body.page-home{
    padding-bottom:88px!important;
  }
}


/* IG213.13_MOBILE_AUTH_FINAL_STACK_REPAIR
   Final guest mobile auth stack repair after IG213.12: the login screen is a fixed viewport stack
   with logo, theme toggle, form, CTA and footer visible; /register is a direct scrollable route;
   the register bottom-sheet remains available from /login without redirect. Existing bundle only. */
@media (max-width:760px){
  html:has(body.page-home),
  html:has(body.page-home-login),
  html:has(body.page-home-register){
    min-height:100dvh!important;
    overflow-x:hidden!important;
    background:#eef6ff!important;
  }

  body.page-home,
  body.page-home-login,
  body.page-home-register{
    --kruh-mobile-auth-pad-x:clamp(18px,5.8vw,26px)!important;
    min-height:100dvh!important;
    margin:0!important;
    padding-top:0!important;
    overflow-x:hidden!important;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 42%,#eaf4ff 100%)!important;
    color:#0f172a!important;
  }

  body.page-home,
  body.page-home-login{
    overflow:hidden!important;
    padding-bottom:0!important;
  }

  html[data-theme="dark"] body.page-home,
  html[data-theme="dark"] body.page-home-login,
  html[data-theme="dark"] body.page-home-register,
  body.theme-dark.page-home,
  body.theme-dark.page-home-login,
  body.theme-dark.page-home-register{
    background:linear-gradient(180deg,#101a31 0%,#0d172d 55%,#091326 100%)!important;
    color:#f8fafc!important;
  }

  body.page-home .topbar.topbar--home#login,
  body.page-home-login .topbar.topbar--home#login,
  body.page-home .topbar--home,
  body.page-home-login .topbar--home{
    position:fixed!important;
    inset:0 0 calc(74px + env(safe-area-inset-bottom)) 0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:clamp(18px,5.2dvh,38px) 0 18px!important;
    display:block!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    z-index:20!important;
    transform:none!important;
  }

  body.page-home-register .topbar.topbar--home#login,
  body.page-home-register .topbar--home{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:clamp(18px,5.2dvh,34px) 0 18px!important;
    display:block!important;
    overflow:visible!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    z-index:20!important;
    transform:none!important;
  }

  body.page-home .topbar__inner,
  body.page-home-login .topbar__inner,
  body.page-home-register .topbar__inner{
    width:100%!important;
    max-width:720px!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0 var(--kruh-mobile-auth-pad-x)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:13px!important;
    position:relative!important;
    transform:none!important;
  }

  body.page-home .kruh-logo,
  body.page-home-login .kruh-logo,
  body.page-home-register .kruh-logo,
  body.page-home .topbar__brand,
  body.page-home-login .topbar__brand,
  body.page-home-register .topbar__brand{
    display:inline-flex!important;
    align-self:center!important;
    justify-content:center!important;
    align-items:center!important;
    margin:0 auto 12px!important;
    position:relative!important;
    z-index:5!important;
    opacity:1!important;
    visibility:visible!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    text-shadow:0 12px 28px rgba(15,23,42,.12)!important;
  }

  html[data-theme="dark"] body.page-home .kruh-logo,
  html[data-theme="dark"] body.page-home-login .kruh-logo,
  html[data-theme="dark"] body.page-home-register .kruh-logo,
  body.theme-dark.page-home .kruh-logo,
  body.theme-dark.page-home-login .kruh-logo,
  body.theme-dark.page-home-register .kruh-logo{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 14px 32px rgba(0,0,0,.32)!important;
  }

  body.page-home .kruh-logo__wordmark,
  body.page-home-login .kruh-logo__wordmark,
  body.page-home-register .kruh-logo__wordmark{
    display:block!important;
    font-size:clamp(30px,9.5vw,40px)!important;
    line-height:.92!important;
    font-weight:950!important;
    letter-spacing:-.055em!important;
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
  }
  body.page-home .kruh-logo__submark,
  body.page-home-login .kruh-logo__submark,
  body.page-home-register .kruh-logo__submark{
    display:block!important;
    font-size:clamp(10px,3vw,13px)!important;
    letter-spacing:.54em!important;
    font-weight:950!important;
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    opacity:.92!important;
  }

  body.page-home .topbar__theme,
  body.page-home-login .topbar__theme,
  body.page-home-register .topbar__theme{
    position:absolute!important;
    top:0!important;
    right:var(--kruh-mobile-auth-pad-x)!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    margin:0!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(255,255,255,.86)!important;
    border:1px solid rgba(203,213,225,.82)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    box-shadow:0 14px 34px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.88)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    z-index:6!important;
    transform:none!important;
  }
  html[data-theme="dark"] body.page-home .topbar__theme,
  html[data-theme="dark"] body.page-home-login .topbar__theme,
  html[data-theme="dark"] body.page-home-register .topbar__theme,
  body.theme-dark.page-home .topbar__theme,
  body.theme-dark.page-home-login .topbar__theme,
  body.theme-dark.page-home-register .topbar__theme{
    background:rgba(30,41,59,.86)!important;
    border-color:rgba(148,163,184,.30)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 16px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12)!important;
  }
  body.page-home .topbar__loginCard,
  body.page-home-login .topbar__loginCard{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    width:100%!important;
    margin:0!important;
  }

  body.page-home .home-login__inp,
  body.page-home-login .home-login__inp,
  body.page-home .pwfield--sm,
  body.page-home-login .pwfield--sm,
  body.page-home .pwfield__inp,
  body.page-home-login .pwfield__inp{
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(203,213,225,.82)!important;
    color:#172033!important;
    -webkit-text-fill-color:#172033!important;
    box-shadow:0 10px 28px rgba(15,23,42,.055),inset 0 1px 0 rgba(255,255,255,.82)!important;
    font-size:16px!important;
  }
  body.page-home .pwfield--sm,
  body.page-home-login .pwfield--sm{position:relative!important;display:block!important;}
  body.page-home .pwfield__toggle,
  body.page-home-login .pwfield__toggle{top:50%!important;transform:translateY(-50%)!important;right:14px!important;z-index:3!important;}

  html[data-theme="dark"] body.page-home .home-login__inp,
  html[data-theme="dark"] body.page-home-login .home-login__inp,
  html[data-theme="dark"] body.page-home .pwfield--sm,
  html[data-theme="dark"] body.page-home-login .pwfield--sm,
  html[data-theme="dark"] body.page-home .pwfield__inp,
  html[data-theme="dark"] body.page-home-login .pwfield__inp,
  body.theme-dark.page-home .home-login__inp,
  body.theme-dark.page-home-login .home-login__inp,
  body.theme-dark.page-home .pwfield--sm,
  body.theme-dark.page-home-login .pwfield--sm,
  body.theme-dark.page-home .pwfield__inp,
  body.theme-dark.page-home-login .pwfield__inp{
    background:rgba(15,23,42,.78)!important;
    border-color:rgba(148,163,184,.32)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.page-home .home-login__btn,
  body.page-home-login .home-login__btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#2563eb 0%,#3b82f6 52%,#60a5fa 100%)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border:0!important;
    opacity:1!important;
    box-shadow:0 18px 44px rgba(37,99,235,.28),inset 0 1px 0 rgba(255,255,255,.20)!important;
    font-weight:900!important;
  }
  html[data-theme="dark"] body.page-home .guest-register-direct-cta__eyebrow,
  html[data-theme="dark"] body.page-home-login .guest-register-direct-cta__eyebrow,
  body.theme-dark.page-home .guest-register-direct-cta__eyebrow,
  body.theme-dark.page-home-login .guest-register-direct-cta__eyebrow{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;}

  body.page-home .bg,
  body.page-home-login .bg{
    display:block!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.page-home .hero-grid,
  body.page-home-login .hero-grid{
    display:block!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.page-home .home-hero-info,
  body.page-home-login .home-hero-info,
  body.page-home .hero__mock,
  body.page-home-login .hero__mock,
  body.page-home .pill-row,
  body.page-home-login .pill-row,
  body.page-home .kruh-ad--support,
  body.page-home-login .kruh-ad--support,
  body.page-home .home-ad-carousel,
  body.page-home-login .home-ad-carousel{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}

  body.page-home .mobile-register-screen.home-register-inline,
  body.page-home-login .mobile-register-screen{
    position:fixed!important;
    z-index:2147482400!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:max(18px,env(safe-area-inset-top)) 10px max(18px,env(safe-area-inset-bottom))!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    background:rgba(15,23,42,.26)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    overflow:hidden!important;
    transition:opacity .22s ease,visibility 0s linear .28s!important;
  }
  body.kruh-mobile-register-open.page-home .mobile-register-screen.home-register-inline,
  body.kruh-mobile-register-open.page-home-login .mobile-register-screen{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .18s ease,visibility 0s!important;
  }
  body.page-home .home-register-inline .mobile-register-card,
  body.page-home-login .mobile-register-card,
  body.page-home-login .mobile-register-screen>.register.card{
    position:relative!important;
    display:block!important;
    width:min(100%,560px)!important;
    max-height:min(88dvh,calc(100dvh - max(30px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom))))!important;
    margin:0 auto!important;
    padding:18px 18px 22px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    border-radius:30px 30px 24px 24px!important;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
    border:1px solid rgba(191,219,254,.78)!important;
    color:#0f172a!important;
    box-shadow:0 32px 86px rgba(15,23,42,.26),inset 0 1px 0 rgba(255,255,255,.82)!important;
    transform:translate3d(0,104%,0)!important;
    transition:transform .48s cubic-bezier(.16,1,.3,1)!important;
  }
  body.kruh-mobile-register-open.page-home .home-register-inline .mobile-register-card,
  body.kruh-mobile-register-open.page-home-login .mobile-register-card,
  body.kruh-mobile-register-open.page-home-login .mobile-register-screen>.register.card{transform:translate3d(0,0,0)!important;}

  body.kruh-mobile-register-open.page-home .topbar__login,
  body.kruh-mobile-register-open.page-home-login .topbar__login,
  body.kruh-mobile-register-open.page-home .guest-register-direct-cta,
  body.kruh-mobile-register-open.page-home-login .guest-register-direct-cta{opacity:.28!important;filter:blur(.35px)!important;transform:scale(.985)!important;}

  body.page-home-register{
    overflow-y:auto!important;
    padding-bottom:112px!important;
  }
  body.page-home-register .topbar__login,
  body.page-home-register .guest-register-direct-cta{display:none!important;}
  body.page-home-register .bg{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0 0 120px!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.page-home-register .hero-grid{
    display:block!important;
    width:100%!important;
    max-width:720px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0 var(--kruh-mobile-auth-pad-x)!important;
    overflow:visible!important;
  }
  body.page-home-register .home-hero-info,
  body.page-home-register .hero__mock,
  body.page-home-register .pill-row{display:none!important;}
  body.page-home-register .mobile-register-screen,
  body.page-home-register #registerScreen{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:720px!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    overflow:visible!important;
    background:transparent!important;
    z-index:2!important;
  }
  body.page-home-register .mobile-register-card,
  body.page-home-register .mobile-register-screen>.register.card,
  body.page-home-register #register{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:18px 18px 22px!important;
    overflow:visible!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
    color:#0f172a!important;
    border:1px solid rgba(203,213,225,.88)!important;
    box-shadow:0 22px 70px rgba(15,23,42,.13)!important;
  }

  body.page-home .pk-footer,
  body.page-home-login .pk-footer,
  body.page-home-register .pk-footer{
    display:block!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:8!important;
    margin:0!important;
    padding:12px 16px max(14px,env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(234,244,255,.94) 36%,rgba(234,244,255,.98))!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  html[data-theme="dark"] body.page-home .pk-footer,
  html[data-theme="dark"] body.page-home-login .pk-footer,
  html[data-theme="dark"] body.page-home-register .pk-footer,
  body.theme-dark.page-home .pk-footer,
  body.theme-dark.page-home-login .pk-footer,
  body.theme-dark.page-home-register .pk-footer{background:linear-gradient(180deg,rgba(9,19,38,0),rgba(9,19,38,.90) 38%,rgba(9,19,38,.98))!important;}
  body.page-home .pk-footer-links,
  body.page-home-login .pk-footer-links,
  body.page-home-register .pk-footer-links{display:none!important;}
  body.page-home .pk-footer-copy,
  body.page-home-login .pk-footer-copy,
  body.page-home-register .pk-footer-copy{display:flex!important;flex-direction:column!important;gap:2px!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:13px!important;line-height:1.25!important;font-weight:800!important;color:#64748b!important;-webkit-text-fill-color:#64748b!important;opacity:1!important;}
  body.page-home .pk-footer-copy *,
  body.page-home-login .pk-footer-copy *,
  body.page-home-register .pk-footer-copy *{color:inherit!important;-webkit-text-fill-color:inherit!important;opacity:1!important;}
}

/* IG213.14_MOBILE_AUTH_LOGIN_REGISTER_FINAL_REPAIR
   Mobile auth stabilization after IG213.13: remove fixed/overlay guest stack on login,
   restore normal document flow, keep footer non-overlapping, and make /register a real
   scrollable page. Single-source bundle override only; no new CSS files. */
@media (max-width:760px){
  html:has(body.page-home),
  html:has(body.page-home-login),
  html:has(body.page-home-register){
    min-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#eef6ff!important;
  }

  body.page-home,
  body.page-home-login,
  body.page-home-register{
    --kruh-mobile-auth-pad-x:clamp(18px,5.8vw,26px)!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 46%,#eaf4ff 100%)!important;
    color:#0f172a!important;
  }

  html[data-theme="dark"] body.page-home,
  html[data-theme="dark"] body.page-home-login,
  html[data-theme="dark"] body.page-home-register,
  body.theme-dark.page-home,
  body.theme-dark.page-home-login,
  body.theme-dark.page-home-register{
    background:linear-gradient(180deg,#0f172a 0%,#101b33 48%,#0b1428 100%)!important;
    color:#f8fafc!important;
  }

  body.page-home .topbar.topbar--home#login,
  body.page-home-login .topbar.topbar--home#login,
  body.page-home-register .topbar.topbar--home#login,
  body.page-home .topbar--home,
  body.page-home-login .topbar--home,
  body.page-home-register .topbar--home{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:clamp(24px,6dvh,44px) 0 16px!important;
    display:block!important;
    overflow:visible!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:10!important;
  }

  body.page-home .topbar__inner,
  body.page-home-login .topbar__inner,
  body.page-home-register .topbar__inner{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:720px!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0 var(--kruh-mobile-auth-pad-x)!important;
    gap:13px!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.page-home .kruh-logo,
  body.page-home-login .kruh-logo,
  body.page-home-register .kruh-logo,
  body.page-home .topbar__brand,
  body.page-home-login .topbar__brand,
  body.page-home-register .topbar__brand{
    display:inline-flex!important;
    align-self:center!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 auto 12px!important;
    position:relative!important;
    z-index:5!important;
    opacity:1!important;
    visibility:visible!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    text-shadow:0 10px 28px rgba(15,23,42,.12)!important;
  }
  html[data-theme="dark"] body.page-home .kruh-logo,
  html[data-theme="dark"] body.page-home-login .kruh-logo,
  html[data-theme="dark"] body.page-home-register .kruh-logo,
  body.theme-dark.page-home .kruh-logo,
  body.theme-dark.page-home-login .kruh-logo,
  body.theme-dark.page-home-register .kruh-logo{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.page-home .kruh-logo__wordmark,
  body.page-home-login .kruh-logo__wordmark,
  body.page-home-register .kruh-logo__wordmark{
    font-size:clamp(30px,9.5vw,40px)!important;
    line-height:.92!important;
    font-weight:950!important;
    letter-spacing:-.055em!important;
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
  }
  body.page-home .kruh-logo__submark,
  body.page-home-login .kruh-logo__submark,
  body.page-home-register .kruh-logo__submark{
    font-size:clamp(10px,3vw,13px)!important;
    letter-spacing:.54em!important;
    font-weight:950!important;
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    opacity:.92!important;
  }

  body.page-home .topbar__theme,
  body.page-home-login .topbar__theme,
  body.page-home-register .topbar__theme{
    position:absolute!important;
    top:0!important;
    right:var(--kruh-mobile-auth-pad-x)!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.86)!important;
    border:1px solid rgba(203,213,225,.82)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    box-shadow:0 14px 34px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.88)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    z-index:6!important;
    transform:none!important;
  }
  html[data-theme="dark"] body.page-home .topbar__theme,
  html[data-theme="dark"] body.page-home-login .topbar__theme,
  html[data-theme="dark"] body.page-home-register .topbar__theme,
  body.theme-dark.page-home .topbar__theme,
  body.theme-dark.page-home-login .topbar__theme,
  body.theme-dark.page-home-register .topbar__theme{
    background:rgba(30,41,59,.86)!important;
    border-color:rgba(148,163,184,.30)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body.page-home .topbar__loginCard,
  body.page-home-login .topbar__loginCard{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    width:100%!important;
    margin:0!important;
  }

  body.page-home .home-login__inp,
  body.page-home-login .home-login__inp,
  body.page-home .pwfield--sm,
  body.page-home-login .pwfield--sm,
  body.page-home .pwfield__inp,
  body.page-home-login .pwfield__inp{
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(203,213,225,.82)!important;
    color:#172033!important;
    -webkit-text-fill-color:#172033!important;
    box-shadow:0 10px 28px rgba(15,23,42,.055),inset 0 1px 0 rgba(255,255,255,.82)!important;
    font-size:16px!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body.page-home .pwfield--sm,
  body.page-home-login .pwfield--sm{
    position:relative!important;
    display:block!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.page-home .pwfield__toggle,
  body.page-home-login .pwfield__toggle{
    top:50%!important;
    transform:translateY(-50%)!important;
    right:14px!important;
    z-index:3!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    opacity:1!important;
  }

  html[data-theme="dark"] body.page-home .home-login__inp,
  html[data-theme="dark"] body.page-home-login .home-login__inp,
  html[data-theme="dark"] body.page-home .pwfield__inp,
  html[data-theme="dark"] body.page-home-login .pwfield__inp,
  body.theme-dark.page-home .home-login__inp,
  body.theme-dark.page-home-login .home-login__inp,
  body.theme-dark.page-home .pwfield__inp,
  body.theme-dark.page-home-login .pwfield__inp{
    background:rgba(15,23,42,.78)!important;
    border-color:rgba(148,163,184,.32)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.page-home .home-login__btn,
  body.page-home-login .home-login__btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#2563eb 0%,#3b82f6 52%,#60a5fa 100%)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border:0!important;
    opacity:1!important;
    visibility:visible!important;
    box-shadow:0 18px 44px rgba(37,99,235,.28),inset 0 1px 0 rgba(255,255,255,.20)!important;
    font-weight:900!important;
    transform:none!important;
  }

  body.page-home .bg,
  body.page-home-login .bg{
    display:block!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.page-home .hero-grid,
  body.page-home-login .hero-grid{
    display:block!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.page-home .home-hero-info,
  body.page-home-login .home-hero-info,
  body.page-home .hero__mock,
  body.page-home-login .hero__mock,
  body.page-home .pill-row,
  body.page-home-login .pill-row,
  body.page-home .kruh-ad--support,
  body.page-home-login .kruh-ad--support,
  body.page-home .home-ad-carousel,
  body.page-home-login .home-ad-carousel{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.page-home .mobile-register-screen.home-register-inline,
  body.page-home-login .mobile-register-screen{
    position:fixed!important;
    z-index:2147482400!important;
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:max(18px,env(safe-area-inset-top)) 10px max(18px,env(safe-area-inset-bottom))!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    background:rgba(15,23,42,.26)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    overflow:hidden!important;
    transition:opacity .22s ease,visibility 0s linear .28s!important;
  }
  body.kruh-mobile-register-open.page-home .mobile-register-screen.home-register-inline,
  body.kruh-mobile-register-open.page-home-login .mobile-register-screen{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .18s ease,visibility 0s!important;
  }
  body.page-home .home-register-inline .mobile-register-card,
  body.page-home-login .mobile-register-card,
  body.page-home-login .mobile-register-screen>.register.card{
    position:relative!important;
    display:block!important;
    width:min(100%,560px)!important;
    max-height:min(88dvh,calc(100dvh - max(30px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom))))!important;
    margin:0 auto!important;
    padding:18px 18px 22px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    border-radius:30px 30px 24px 24px!important;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
    border:1px solid rgba(191,219,254,.78)!important;
    color:#0f172a!important;
    box-shadow:0 32px 86px rgba(15,23,42,.26),inset 0 1px 0 rgba(255,255,255,.82)!important;
    transform:translate3d(0,104%,0)!important;
    transition:transform .48s cubic-bezier(.16,1,.3,1)!important;
  }
  body.kruh-mobile-register-open.page-home .home-register-inline .mobile-register-card,
  body.kruh-mobile-register-open.page-home-login .mobile-register-card,
  body.kruh-mobile-register-open.page-home-login .mobile-register-screen>.register.card{
    transform:translate3d(0,0,0)!important;
  }

  body.kruh-mobile-register-open.page-home .topbar__login,
  body.kruh-mobile-register-open.page-home-login .topbar__login,
  body.kruh-mobile-register-open.page-home .guest-register-direct-cta,
  body.kruh-mobile-register-open.page-home-login .guest-register-direct-cta{
    opacity:.28!important;
    filter:blur(.35px)!important;
    transform:scale(.985)!important;
  }

  body.page-home-register{
    overflow-y:auto!important;
    padding-bottom:0!important;
  }
  body.page-home-register .topbar__login,
  body.page-home-register .guest-register-direct-cta{
    display:none!important;
  }
  body.page-home-register .bg{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.page-home-register .hero-grid{
    display:block!important;
    width:100%!important;
    max-width:720px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0 var(--kruh-mobile-auth-pad-x)!important;
    overflow:visible!important;
  }
  body.page-home-register .home-hero-info,
  body.page-home-register .hero__mock,
  body.page-home-register .pill-row{
    display:none!important;
  }
  body.page-home-register .mobile-register-screen,
  body.page-home-register #registerScreen{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:720px!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0 0 24px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    overflow:visible!important;
    background:transparent!important;
    z-index:2!important;
  }
  body.page-home-register .mobile-register-card,
  body.page-home-register .mobile-register-screen>.register.card,
  body.page-home-register #register{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:18px 18px 24px!important;
    overflow:visible!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
    color:#0f172a!important;
    border:1px solid rgba(203,213,225,.88)!important;
    box-shadow:0 22px 70px rgba(15,23,42,.13)!important;
  }

  body.page-home .pk-footer,
  body.page-home-login .pk-footer,
  body.page-home-register .pk-footer{
    display:block!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:1!important;
    width:100%!important;
    margin:clamp(34px,8dvh,76px) 0 0!important;
    padding:16px 16px max(18px,env(safe-area-inset-bottom))!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  body.page-home-register .pk-footer{
    margin-top:18px!important;
  }
  body.page-home .pk-footer-links,
  body.page-home-login .pk-footer-links,
  body.page-home-register .pk-footer-links{
    display:none!important;
  }
  body.page-home .pk-footer-copy,
  body.page-home-login .pk-footer-copy,
  body.page-home-register .pk-footer-copy{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:800!important;
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    opacity:1!important;
  }
  body.page-home .pk-footer-copy *,
  body.page-home-login .pk-footer-copy *,
  body.page-home-register .pk-footer-copy *{
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    opacity:1!important;
  }
}

/* IG214.1_AUTH_ROOT_LAYOUT_REPAIR
   Root auth mobile repair: remove legacy fixed/splash stacking from guest login/register.
   One source of truth in existing app.imports bundle; no new CSS files. */
@media (max-width:760px){
  html,
  body.page-home,
  body.page-home-login,
  body.page-home-register{
    height:auto!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
  }

  body.page-home,
  body.page-home-login,
  body.page-home-register{
    padding:0!important;
    margin:0!important;
    background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 56%,#eaf2fc 100%)!important;
    color:#0f172a!important;
  }
  html[data-theme="dark"] body.page-home,
  html[data-theme="dark"] body.page-home-login,
  html[data-theme="dark"] body.page-home-register,
  body.theme-dark.page-home,
  body.theme-dark.page-home-login,
  body.theme-dark.page-home-register{
    background:linear-gradient(180deg,#071126 0%,#0b1731 58%,#101d38 100%)!important;
    color:#f8fbff!important;
  }

  body.page-home::before,
  body.page-home::after,
  body.page-home-login::before,
  body.page-home-login::after,
  body.page-home-register::before,
  body.page-home-register::after,
  html.kruh-auth-splash-active::before{
    display:none!important;
    content:none!important;
  }
  html.kruh-auth-splash-active,
  html.kruh-auth-splash-active body{
    height:auto!important;
    overflow-y:auto!important;
  }
  .kruh-auth-splash,
  html.kruh-auth-splash-active .kruh-auth-splash{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html.kruh-auth-splash-active body > :not(.kruh-auth-splash):not(script):not(style):not(link):not(noscript){
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    transform:none!important;
  }

  body.page-home .topbar.topbar--home#login,
  body.page-home-login .topbar.topbar--home#login,
  body.page-home-register .topbar.topbar--home#login,
  body.page-home .topbar--home,
  body.page-home-login .topbar--home,
  body.page-home-register .topbar--home{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:5!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    display:block!important;
    padding:22px 18px 18px!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:inherit!important;
  }
  body.page-home .topbar__inner,
  body.page-home-login .topbar__inner,
  body.page-home-register .topbar__inner{
    width:100%!important;
    max-width:560px!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:16px!important;
    overflow:visible!important;
  }

  body.page-home .kruh-logo,
  body.page-home-login .kruh-logo,
  body.page-home-register .kruh-logo{
    display:flex!important;
    align-self:center!important;
    justify-content:center!important;
    margin:0 auto 8px!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    text-shadow:none!important;
    filter:none!important;
  }
  html[data-theme="dark"] body.page-home .kruh-logo,
  html[data-theme="dark"] body.page-home-login .kruh-logo,
  html[data-theme="dark"] body.page-home-register .kruh-logo,
  body.theme-dark.page-home .kruh-logo,
  body.theme-dark.page-home-login .kruh-logo,
  body.theme-dark.page-home-register .kruh-logo{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body.page-home .topbar__theme,
  body.page-home-login .topbar__theme,
  body.page-home-register .topbar__theme{
    position:absolute!important;
    top:18px!important;
    right:18px!important;
    z-index:8!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(203,213,225,.8)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    box-shadow:0 12px 28px rgba(15,23,42,.10)!important;
  }
  html[data-theme="dark"] body.page-home .topbar__theme,
  html[data-theme="dark"] body.page-home-login .topbar__theme,
  html[data-theme="dark"] body.page-home-register .topbar__theme,
  body.theme-dark.page-home .topbar__theme,
  body.theme-dark.page-home-login .topbar__theme,
  body.theme-dark.page-home-register .topbar__theme{
    background:rgba(30,41,59,.92)!important;
    border-color:rgba(148,163,184,.34)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body.page-home .topbar__loginCard,
  body.page-home-login .topbar__loginCard{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.page-home .home-login__inp,
  body.page-home-login .home-login__inp,
  body.page-home .pwfield--sm,
  body.page-home-login .pwfield--sm,
  body.page-home .pwfield__inp,
  body.page-home-login .pwfield__inp{
    display:block!important;
    width:100%!important;
    min-height:54px!important;
    height:54px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(203,213,225,.86)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    box-shadow:0 10px 28px rgba(15,23,42,.05)!important;
  }
  html[data-theme="dark"] body.page-home .home-login__inp,
  html[data-theme="dark"] body.page-home-login .home-login__inp,
  html[data-theme="dark"] body.page-home .pwfield--sm,
  html[data-theme="dark"] body.page-home-login .pwfield--sm,
  html[data-theme="dark"] body.page-home .pwfield__inp,
  html[data-theme="dark"] body.page-home-login .pwfield__inp,
  body.theme-dark.page-home .home-login__inp,
  body.theme-dark.page-home-login .home-login__inp,
  body.theme-dark.page-home .pwfield--sm,
  body.theme-dark.page-home-login .pwfield--sm,
  body.theme-dark.page-home .pwfield__inp,
  body.theme-dark.page-home-login .pwfield__inp{
    background:rgba(15,23,42,.72)!important;
    border-color:rgba(148,163,184,.32)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body.page-home .home-login__btn,
  body.page-home-login .home-login__btn{
    width:100%!important;
    min-height:56px!important;
    height:56px!important;
    margin:0!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border:0!important;
    opacity:1!important;
    box-shadow:0 18px 44px rgba(37,99,235,.25)!important;
  }
  html[data-theme="dark"] body.page-home .guest-register-direct-cta__eyebrow,
  html[data-theme="dark"] body.page-home-login .guest-register-direct-cta__eyebrow,
  body.theme-dark.page-home .guest-register-direct-cta__eyebrow,
  body.theme-dark.page-home-login .guest-register-direct-cta__eyebrow{
    color:#f8fbff!important;
    -webkit-text-fill-color:#f8fbff!important;
  }

  body.page-home .bg,
  body.page-home-login .bg{
    display:block!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.page-home .hero-grid,
  body.page-home-login .hero-grid{
    display:block!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.page-home .home-hero-info,
  body.page-home-login .home-hero-info,
  body.page-home .home-hero-info *,
  body.page-home-login .home-hero-info *,
  body.page-home .kruh-ad--support,
  body.page-home-login .kruh-ad--support{
    display:none!important;
    visibility:hidden!important;
  }

  body.page-home .mobile-register-screen.home-register-inline,
  body.page-home-login .mobile-register-screen{
    position:fixed!important;
    z-index:2147482400!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:18px 10px max(18px,env(safe-area-inset-bottom))!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    background:rgba(15,23,42,.28)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    overflow:hidden!important;
    transition:opacity .2s ease,visibility 0s linear .22s!important;
  }
  body.kruh-mobile-register-open.page-home .mobile-register-screen.home-register-inline,
  body.kruh-mobile-register-open.page-home-login .mobile-register-screen{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .18s ease,visibility 0s!important;
  }
  body.page-home .home-register-inline .mobile-register-card,
  body.page-home-login .mobile-register-card,
  body.page-home-login .mobile-register-screen>.register.card{
    position:relative!important;
    display:block!important;
    width:min(100%,560px)!important;
    max-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    height:auto!important;
    margin:0 auto!important;
    padding:18px 18px 22px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    border-radius:30px 30px 24px 24px!important;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
    border:1px solid rgba(191,219,254,.78)!important;
    color:#0f172a!important;
    box-shadow:0 32px 86px rgba(15,23,42,.26),inset 0 1px 0 rgba(255,255,255,.82)!important;
    transform:translate3d(0,106%,0)!important;
    transition:transform .46s cubic-bezier(.16,1,.3,1)!important;
  }
  body.kruh-mobile-register-open.page-home .home-register-inline .mobile-register-card,
  body.kruh-mobile-register-open.page-home-login .mobile-register-card,
  body.kruh-mobile-register-open.page-home-login .mobile-register-screen>.register.card{
    transform:translate3d(0,0,0)!important;
  }

  body.page-home-register .topbar__login,
  body.page-home-register .guest-register-direct-cta{
    display:none!important;
  }
  body.page-home-register .bg{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0 14px 24px!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.page-home-register .hero-grid{
    display:block!important;
    width:100%!important;
    max-width:720px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.page-home-register .home-hero-info,
  body.page-home-register .hero__mock,
  body.page-home-register .pill-row{
    display:none!important;
    visibility:hidden!important;
  }
  body.page-home-register .mobile-register-screen,
  body.page-home-register #registerScreen{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:720px!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    overflow:visible!important;
    background:transparent!important;
    z-index:2!important;
  }
  body.page-home-register .mobile-register-card,
  body.page-home-register .mobile-register-screen>.register.card,
  body.page-home-register #register{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:22px 18px 28px!important;
    overflow:visible!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
    color:#0f172a!important;
    border:1px solid rgba(203,213,225,.88)!important;
    box-shadow:0 22px 70px rgba(15,23,42,.13)!important;
  }
  body.page-home-register .mobile-register-card h2,
  body.page-home-register #registerTitle{
    font-size:clamp(34px,11vw,54px)!important;
    line-height:.98!important;
    margin:0 0 10px!important;
  }

  body.page-home .pk-footer,
  body.page-home-login .pk-footer,
  body.page-home-register .pk-footer{
    display:block!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    z-index:1!important;
    width:100%!important;
    margin:18px 0 0!important;
    padding:16px 16px max(18px,env(safe-area-inset-bottom))!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
    clear:both!important;
  }
  body.page-home-register .pk-footer{
    margin-top:0!important;
  }
  body.page-home .pk-footer-links,
  body.page-home-login .pk-footer-links,
  body.page-home-register .pk-footer-links{
    display:none!important;
  }
  body.page-home .pk-footer-copy,
  body.page-home-login .pk-footer-copy,
  body.page-home-register .pk-footer-copy{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:800!important;
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    opacity:1!important;
  }
  body.page-home .pk-footer-copy *,
  body.page-home-login .pk-footer-copy *,
  body.page-home-register .pk-footer-copy *{
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    opacity:1!important;
  }
}

/* IG214.2_AUTH_LOGIN_REGISTER_PARITY
   Final mobile auth root repair: one mobile auth stack for login + register, no legacy blue/splash overlay,
   footer cannot enter the login CTA area, and direct /register stays scrollable. */
@media (max-width:760px){
  html:has(body.page-home),
  html:has(body.page-home-login),
  html:has(body.page-home-register){
    height:auto!important;
    min-height:100dvh!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scroll-behavior:auto!important;
    background:#eef6ff!important;
  }
  body.page-home,
  body.page-home-login,
  body.page-home-register{
    position:relative!important;
    min-height:100dvh!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:linear-gradient(180deg,#ffffff 0%,#f3f8ff 48%,#eaf4ff 100%)!important;
    color:#111827!important;
  }
  html[data-theme="dark"] body.page-home,
  html[data-theme="dark"] body.page-home-login,
  html[data-theme="dark"] body.page-home-register,
  body.theme-dark.page-home,
  body.theme-dark.page-home-login,
  body.theme-dark.page-home-register{
    background:linear-gradient(180deg,#101827 0%,#0d1729 54%,#0b1324 100%)!important;
    color:#f8fafc!important;
  }

  /* Kill every legacy auth/splash/hero surface on guest auth pages. */
  body.page-home::before,body.page-home::after,
  body.page-home-login::before,body.page-home-login::after,
  body.page-home-register::before,body.page-home-register::after,
  body.page-home .topbar--home::before,body.page-home .topbar--home::after,
  body.page-home-login .topbar--home::before,body.page-home-login .topbar--home::after,
  body.page-home-register .topbar--home::before,body.page-home-register .topbar--home::after,
  html.kruh-auth-splash-active::before,html.kruh-auth-splash-active::after{
    content:none!important;
    display:none!important;
  }
  .kruh-auth-splash,
  html.kruh-auth-splash-active .kruh-auth-splash,
  body.page-home .kruh-auth-splash,
  body.page-home-login .kruh-auth-splash,
  body.page-home-register .kruh-auth-splash{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html.kruh-auth-splash-active,
  html.kruh-auth-splash-active body{
    overflow-y:auto!important;
    height:auto!important;
  }
  html.kruh-auth-splash-active body > :not(.kruh-auth-splash):not(script):not(style):not(link):not(noscript){
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    transform:none!important;
  }

  /* LOGIN / HOME: simple, scroll-top-safe vertical stack. */
  body.page-home,
  body.page-home-login{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    padding-bottom:104px!important;
  }
  body.page-home .topbar.topbar--home#login,
  body.page-home-login .topbar.topbar--home#login,
  body.page-home .topbar--home,
  body.page-home-login .topbar--home{
    order:1!important;
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:22px 22px 0!important;
    display:block!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }
  body.page-home .topbar__inner,
  body.page-home-login .topbar__inner{
    width:100%!important;
    max-width:560px!important;
    height:auto!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:16px!important;
    overflow:visible!important;
  }
  body.page-home .kruh-logo,
  body.page-home-login .kruh-logo{
    display:flex!important;
    align-self:center!important;
    justify-content:center!important;
    margin:0 auto 8px!important;
    color:#111827!important;
    -webkit-text-fill-color:#111827!important;
    text-shadow:none!important;
    filter:none!important;
  }
  html[data-theme="dark"] body.page-home .kruh-logo,
  html[data-theme="dark"] body.page-home-login .kruh-logo,
  body.theme-dark.page-home .kruh-logo,
  body.theme-dark.page-home-login .kruh-logo{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body.page-home .topbar__theme,
  body.page-home-login .topbar__theme,
  body.page-home-register .topbar__theme{
    position:absolute!important;
    top:18px!important;
    right:18px!important;
    z-index:10!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(203,213,225,.86)!important;
    color:#111827!important;
    -webkit-text-fill-color:#111827!important;
    box-shadow:0 10px 28px rgba(15,23,42,.10)!important;
    filter:none!important;
    transform:none!important;
  }
  html[data-theme="dark"] body.page-home .topbar__theme,
  html[data-theme="dark"] body.page-home-login .topbar__theme,
  html[data-theme="dark"] body.page-home-register .topbar__theme,
  body.theme-dark.page-home .topbar__theme,
  body.theme-dark.page-home-login .topbar__theme,
  body.theme-dark.page-home-register .topbar__theme{
    background:rgba(30,41,59,.94)!important;
    border-color:rgba(148,163,184,.36)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body.page-home .topbar__login,
  body.page-home-login .topbar__login,
  body.page-home .topbar__loginCard,
  body.page-home-login .topbar__loginCard,
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    gap:12px!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }
  body.page-home .home-login__inp,
  body.page-home-login .home-login__inp,
  body.page-home .pwfield--sm,
  body.page-home-login .pwfield--sm,
  body.page-home .pwfield__inp,
  body.page-home-login .pwfield__inp{
    width:100%!important;
    min-height:56px!important;
    height:56px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(203,213,225,.90)!important;
    color:#111827!important;
    -webkit-text-fill-color:#111827!important;
    box-shadow:0 12px 30px rgba(15,23,42,.055)!important;
  }
  body.page-home .home-login__btn,
  body.page-home-login .home-login__btn{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:56px!important;
    height:56px!important;
    margin:0!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
    border:0!important;
    box-shadow:0 18px 44px rgba(37,99,235,.25)!important;
    transform:none!important;
    filter:none!important;
  }

  body.page-home .bg,
  body.page-home-login .bg{
    display:block!important;
    order:2!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.page-home .hero-grid,
  body.page-home-login .hero-grid{
    display:block!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.page-home .home-hero-info,
  body.page-home-login .home-hero-info,
  body.page-home .home-hero-info *,
  body.page-home-login .home-hero-info *{
    display:none!important;
    visibility:hidden!important;
  }

  /* Login footer is pinned to the bottom so it can never sit between login and CTA again. */
  body.page-home .pk-footer,
  body.page-home-login .pk-footer{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    z-index:1!important;
    width:100%!important;
    margin:0!important;
    padding:14px 16px max(16px,env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(234,244,255,0) 0%,rgba(234,244,255,.94) 28%,rgba(234,244,255,.98) 100%)!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
    transform:none!important;
    filter:none!important;
  }

  /* /register route: direct full-page, small clean header, footer below content. */
  body.page-home-register{
    display:block!important;
    padding-bottom:0!important;
  }
  body.page-home-register .topbar.topbar--home#login,
  body.page-home-register .topbar--home{
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:16px 18px 10px!important;
    display:block!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }
  body.page-home-register .topbar__inner{
    width:100%!important;
    max-width:720px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
  }
  body.page-home-register .kruh-logo{
    display:flex!important;
    justify-content:center!important;
    align-self:center!important;
    margin:0 auto!important;
    color:#111827!important;
    -webkit-text-fill-color:#111827!important;
    filter:none!important;
    text-shadow:none!important;
  }
  body.page-home-register .topbar__login,
  body.page-home-register .guest-register-direct-cta{
    display:none!important;
    visibility:hidden!important;
  }
  body.page-home-register .bg{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0 14px 24px!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.page-home-register .hero-grid{
    display:block!important;
    width:100%!important;
    max-width:720px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.page-home-register .mobile-register-screen,
  body.page-home-register #registerScreen,
  body.page-home-register .mobile-register-card,
  body.page-home-register .mobile-register-screen>.register.card,
  body.page-home-register #register{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    overflow:visible!important;
    background:transparent!important;
    filter:none!important;
  }
  body.page-home-register .mobile-register-card,
  body.page-home-register #register{
    max-width:100%!important;
    margin:0 auto!important;
    padding:20px 18px 28px!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    color:#111827!important;
    border:1px solid rgba(203,213,225,.88)!important;
    box-shadow:0 22px 70px rgba(15,23,42,.12)!important;
  }
  body.page-home-register #registerTitle,
  body.page-home-register .mobile-register-card h2{
    font-size:clamp(34px,10vw,52px)!important;
    line-height:1.02!important;
    margin:0 0 10px!important;
  }
  body.page-home-register .pk-footer{
    display:block!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    z-index:1!important;
    width:100%!important;
    margin:0!important;
    padding:16px 16px max(18px,env(safe-area-inset-bottom))!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
    clear:both!important;
  }

  body.page-home .pk-footer-links,
  body.page-home-login .pk-footer-links,
  body.page-home-register .pk-footer-links{display:none!important;}
  body.page-home .pk-footer-copy,
  body.page-home-login .pk-footer-copy,
  body.page-home-register .pk-footer-copy{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:800!important;
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    opacity:1!important;
  }
}


/* IG214.3_AUTH_MOBILE_LOGIN_STACK_HARD_FIX
   Root mobile login repair after IG214.2: keep /login as one natural top-down stack,
   prevent restored scroll from cutting off the form, keep footer outside the form flow,
   and keep /register scrollable without legacy splash overlays. Existing bundle only. */
@media (max-width:760px){
  html:has(body.page-home-login),
  html:has(body.page-home-register){
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scroll-behavior:auto!important;
    overscroll-behavior-y:auto!important;
  }
  body.page-home-login,
  body.page-home-register{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    min-height:100dvh!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:linear-gradient(180deg,#ffffff 0%,#f6fbff 48%,#eaf4ff 100%)!important;
    color:#0f172a!important;
    transform:none!important;
    filter:none!important;
    contain:none!important;
    scroll-padding-top:0!important;
  }
  html[data-theme="dark"] body.page-home-login,
  html[data-theme="dark"] body.page-home-register,
  body.theme-dark.page-home-login,
  body.theme-dark.page-home-register{
    background:linear-gradient(180deg,#101827 0%,#0d1729 54%,#0b1324 100%)!important;
    color:#f8fafc!important;
  }

  body.page-home-login::before,body.page-home-login::after,
  body.page-home-register::before,body.page-home-register::after,
  body.page-home-login .topbar--home::before,body.page-home-login .topbar--home::after,
  body.page-home-register .topbar--home::before,body.page-home-register .topbar--home::after,
  body.page-home-login .bg::before,body.page-home-login .bg::after,
  body.page-home-register .bg::before,body.page-home-register .bg::after{
    content:none!important;
    display:none!important;
  }
  body.page-home-login .kruh-auth-splash,
  body.page-home-register .kruh-auth-splash,
  html.kruh-auth-splash-active body.page-home-login .kruh-auth-splash,
  html.kruh-auth-splash-active body.page-home-register .kruh-auth-splash{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* /login: never fixed, never scroll-internal, no blue strip, no clipped top. */
  body.page-home-login .topbar.topbar--home#login,
  body.page-home-login .topbar--home{
    order:1!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    z-index:2!important;
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:max(22px,calc(env(safe-area-inset-top) + 14px)) 22px 0!important;
    overflow:visible!important;
    overflow-y:visible!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    translate:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.page-home-login .topbar__inner{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:14px!important;
    width:100%!important;
    max-width:560px!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
    filter:none!important;
  }
  body.page-home-login .kruh-logo{
    order:1!important;
    display:flex!important;
    align-self:center!important;
    justify-content:center!important;
    align-items:center!important;
    width:auto!important;
    height:auto!important;
    margin:0 auto 8px!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    text-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }
  html[data-theme="dark"] body.page-home-login .kruh-logo,
  body.theme-dark.page-home-login .kruh-logo{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body.page-home-login .topbar__theme{
    order:2!important;
    position:absolute!important;
    top:max(18px,calc(env(safe-area-inset-top) + 10px))!important;
    right:0!important;
    z-index:6!important;
  }
  body.page-home-login .topbar__login{
    order:3!important;
    display:block!important;
    position:relative!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    transform:none!important;
    filter:none!important;
  }
  body.page-home-login .topbar__loginCard,
  body.page-home-login .topbar__loginRow{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    filter:none!important;
  }
  body.page-home-login .home-login__inp,
  body.page-home-login .pwfield--sm,
  body.page-home-login .pwfield__inp{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:56px!important;
    height:56px!important;
    max-height:none!important;
    margin:0!important;
    padding:0 18px!important;
    opacity:1!important;
    visibility:visible!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(203,213,225,.92)!important;
    color:#111827!important;
    -webkit-text-fill-color:#111827!important;
    box-shadow:0 12px 30px rgba(15,23,42,.06)!important;
    transform:none!important;
    filter:none!important;
  }
  body.page-home-login .pwfield--sm{position:relative!important;padding:0!important;}
  body.page-home-login .pwfield__inp{padding-right:52px!important;}
  body.page-home-login .pwfield__toggle{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;z-index:3!important;}
  body.page-home-login .home-login__btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:56px!important;
    height:56px!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border:0!important;
    box-shadow:0 18px 44px rgba(37,99,235,.25)!important;
    transform:none!important;
    filter:none!important;
  }
  body.page-home-login .guest-register-direct-cta{
    order:4!important;
    display:block!important;
    position:relative!important;
    width:100%!important;
    margin:2px 0 0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    transform:none!important;
    filter:none!important;
  }
  body.page-home-login .guest-register-direct-cta__eyebrow{
    margin:0 0 10px!important;
    text-align:center!important;
    font-size:20px!important;
    line-height:1.2!important;
    font-weight:900!important;
    color:#243249!important;
    -webkit-text-fill-color:#243249!important;
  }
  body.page-home-login .guest-register-direct-cta__button{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:14px!important;
    row-gap:4px!important;
    width:100%!important;
    min-height:78px!important;
    padding:16px 20px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border:1px solid rgba(191,219,254,.68)!important;
    box-shadow:0 22px 48px rgba(37,99,235,.24)!important;
    text-decoration:none!important;
    transform:none!important;
    filter:none!important;
  }
  body.page-home-login .guest-register-direct-cta__main{grid-column:1!important;grid-row:1!important;display:block!important;font-size:22px!important;line-height:1.08!important;font-weight:950!important;white-space:normal!important;}
  body.page-home-login .guest-register-direct-cta__sub{grid-column:1!important;grid-row:2!important;display:block!important;font-size:14px!important;line-height:1.15!important;font-weight:800!important;white-space:normal!important;}
  body.page-home-login .guest-register-direct-cta__button i{grid-column:2!important;grid-row:1 / span 2!important;align-self:center!important;justify-self:end!important;}

  body.page-home-login .bg,
  body.page-home-login .hero-grid{
    order:2!important;
    display:block!important;
    width:100%!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.page-home-login .home-hero-info,
  body.page-home-login .home-hero-info *,
  body.page-home-login .pill-row,
  body.page-home-login .home-ad-carousel,
  body.page-home-login .kruh-ad--support{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}

  body.page-home-login .pk-footer{
    order:99!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    z-index:1!important;
    width:100%!important;
    margin:0!important;
    padding:14px 16px max(16px,env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(234,244,255,0) 0%,rgba(234,244,255,.94) 32%,rgba(234,244,255,.99) 100%)!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
    transform:none!important;
    filter:none!important;
  }
  body.page-home-login{padding-bottom:112px!important;}

  /* /register: keep route full-page and scrollable. */
  body.page-home-register .topbar.topbar--home#login,
  body.page-home-register .topbar--home{position:relative!important;inset:auto!important;padding:18px 22px 10px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
  body.page-home-register .topbar__inner{max-width:640px!important;margin:0 auto!important;padding:0!important;}
  body.page-home-register .mobile-register-screen,
  body.page-home-register #registerScreen,
  body.page-home-register .mobile-register-card,
  body.page-home-register #register{position:relative!important;display:block!important;inset:auto!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;overflow:visible!important;max-height:none!important;background:transparent!important;filter:none!important;}
  body.page-home-register #register{max-width:640px!important;margin:0 auto 24px!important;padding:22px 18px 28px!important;border-radius:28px!important;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;border:1px solid rgba(203,213,225,.88)!important;box-shadow:0 22px 70px rgba(15,23,42,.12)!important;}
  body.page-home-register .pk-footer{position:relative!important;z-index:1!important;margin:0!important;padding:16px 16px max(18px,env(safe-area-inset-bottom))!important;background:transparent!important;pointer-events:none!important;}
}


/* IG214.4_AUTH_LOGIN_DECOUPLE_FROM_TOPBAR_REAL_FIX
   Final mobile auth root reset: login is visually decoupled from the old topbar stack,
   footer returns to normal flow, and Chrome scroll restoration can no longer open the
   login page halfway down the form. Existing bundle only. */
@media (max-width:760px){
  html:has(body.page-home-login),
  html:has(body.page-home){
    height:auto!important;
    min-height:100%!important;
    overflow-y:auto!important;
    scroll-behavior:auto!important;
  }

  body.page-home-login,
  body.page-home{
    --kruh-auth-footer-space:0px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    min-height:100svh!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scroll-behavior:auto!important;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 42%,#edf7ff 100%)!important;
  }

  html[data-theme="dark"] body.page-home-login,
  html[data-theme="dark"] body.page-home,
  body.theme-dark.page-home-login,
  body.theme-dark.page-home{
    background:linear-gradient(180deg,#08142a 0%,#0d1b35 54%,#10203d 100%)!important;
  }

  body.page-home-login .topbar.topbar--home#login,
  body.page-home .topbar.topbar--home#login,
  body.page-home-login .topbar--home,
  body.page-home .topbar--home{
    order:1!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:2!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:18px 20px 20px!important;
    transform:none!important;
    translate:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body.page-home-login .topbar__inner,
  body.page-home .topbar__inner{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:14px!important;
    width:100%!important;
    max-width:560px!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
  }

  body.page-home-login .kruh-logo,
  body.page-home .kruh-logo{
    display:flex!important;
    align-self:center!important;
    justify-self:center!important;
    margin:0 auto 10px!important;
    position:relative!important;
    z-index:2!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    text-shadow:0 12px 28px rgba(148,163,184,.20)!important;
  }
  html[data-theme="dark"] body.page-home-login .kruh-logo,
  html[data-theme="dark"] body.page-home .kruh-logo,
  body.theme-dark.page-home-login .kruh-logo,
  body.theme-dark.page-home .kruh-logo{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 16px 34px rgba(0,0,0,.34)!important;
  }

  body.page-home-login .topbar__theme,
  body.page-home .topbar__theme{
    position:absolute!important;
    top:0!important;
    right:0!important;
    z-index:3!important;
  }

  body.page-home-login .topbar__login,
  body.page-home .topbar__login,
  body.page-home-login .topbar__loginCard,
  body.page-home .topbar__loginCard,
  body.page-home-login .topbar__loginRow,
  body.page-home .topbar__loginRow{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    translate:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
  }

  body.page-home-login .topbar__login{order:2!important;}
  body.page-home-login .guest-register-direct-cta,
  body.page-home .guest-register-direct-cta{order:3!important;}

  body.page-home-login .home-login__inp,
  body.page-home-login .pwfield--sm,
  body.page-home-login .pwfield__inp,
  body.page-home .home-login__inp,
  body.page-home .pwfield--sm,
  body.page-home .pwfield__inp{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    height:58px!important;
    max-height:none!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    translate:none!important;
    color:#172033!important;
    -webkit-text-fill-color:#172033!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(203,213,225,.92)!important;
    border-radius:18px!important;
    box-shadow:0 12px 28px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.95)!important;
    font-size:16px!important;
  }

  body.page-home-login .home-login__btn,
  body.page-home .home-login__btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    translate:none!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,#2563eb 0%,#3b82f6 55%,#60a5fa 100%)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-weight:900!important;
    box-shadow:0 16px 34px rgba(37,99,235,.25),inset 0 1px 0 rgba(255,255,255,.22)!important;
  }

  body.page-home-login .guest-register-direct-cta,
  body.page-home .guest-register-direct-cta{
    display:block!important;
    width:100%!important;
    margin:12px 0 0!important;
    padding:0!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    translate:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
  }

  body.page-home-login .bg,
  body.page-home .bg,
  body.page-home-login .hero-grid,
  body.page-home .hero-grid{
    order:2!important;
    display:block!important;
    width:100%!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:transparent!important;
  }

  body.page-home-login .home-hero-info,
  body.page-home .home-hero-info,
  body.page-home-login .pill-row,
  body.page-home .pill-row,
  body.page-home-login .home-ad-carousel,
  body.page-home .home-ad-carousel,
  body.page-home-login .kruh-ad--support,
  body.page-home .kruh-ad--support{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.page-home-login .pk-footer,
  body.page-home .pk-footer{
    order:99!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    z-index:1!important;
    width:100%!important;
    margin:auto 0 0!important;
    padding:20px 16px max(18px,env(safe-area-inset-bottom))!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    filter:none!important;
    pointer-events:auto!important;
  }

  body.page-home-login .pk-footer-copy,
  body.page-home .pk-footer-copy{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:800!important;
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    opacity:1!important;
  }

  .kruh-auth-splash,
  html.kruh-auth-splash-active .kruh-auth-splash,
  body.page-home-login .kruh-auth-splash,
  body.page-home .kruh-auth-splash{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}


/* IG214.5_AUTH_MOBILE_LOGIN_VISIBLE_ROOT_OVERRIDE
   Hard mobile auth visible-root override. This intentionally wins over the old fixed
   guest topbar/splash stack and forces the login form to render in normal page flow. */
@media (max-width:760px){
  html:has(body.page-home-login),
  html:has(body.page-home){
    height:auto!important;
    min-height:100%!important;
    overflow-y:auto!important;
    scroll-behavior:auto!important;
  }

  body.page-home-login,
  body.page-home{
    display:flex!important;
    flex-direction:column!important;
    min-height:100svh!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 46%,#edf7ff 100%)!important;
  }

  html[data-theme="dark"] body.page-home-login,
  html[data-theme="dark"] body.page-home,
  body.theme-dark.page-home-login,
  body.theme-dark.page-home{
    background:linear-gradient(180deg,#08142a 0%,#0d1b35 58%,#10203d 100%)!important;
  }

  body.page-home-login .topbar.topbar--home#login,
  body.page-home .topbar.topbar--home#login,
  body.page-home-login .topbar--home,
  body.page-home .topbar--home{
    order:1!important;
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:22px 18px 18px!important;
    overflow:visible!important;
    z-index:1!important;
    transform:none!important;
    translate:none!important;
    opacity:1!important;
    visibility:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body.page-home-login .topbar.topbar--home#login::before,
  body.page-home-login .topbar.topbar--home#login::after,
  body.page-home .topbar.topbar--home#login::before,
  body.page-home .topbar.topbar--home#login::after{
    display:none!important;
    content:none!important;
  }

  body.page-home-login .topbar__inner,
  body.page-home .topbar__inner{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:560px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0!important;
    gap:12px!important;
    overflow:visible!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.page-home-login .kruh-logo,
  body.page-home .kruh-logo{
    order:1!important;
    display:flex!important;
    align-self:center!important;
    margin:4px auto 8px!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  body.page-home-login .topbar__theme,
  body.page-home .topbar__theme{
    position:absolute!important;
    top:4px!important;
    right:0!important;
    z-index:5!important;
  }

  body.page-home-login .topbar__login,
  body.page-home .topbar__login{
    order:2!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    position:relative!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.page-home-login .topbar__loginCard,
  body.page-home .topbar__loginCard,
  body.page-home-login .topbar__loginRow,
  body.page-home .topbar__loginRow{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.page-home-login .home-login__inp,
  body.page-home-login .pwfield--sm,
  body.page-home-login .pwfield__inp,
  body.page-home .home-login__inp,
  body.page-home .pwfield--sm,
  body.page-home .pwfield__inp{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:58px!important;
    min-height:58px!important;
    max-height:none!important;
    margin:0!important;
    padding:0 18px!important;
    overflow:visible!important;
    line-height:58px!important;
    border-radius:20px!important;
    color:#172033!important;
    -webkit-text-fill-color:#172033!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(203,213,225,.96)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.95)!important;
    font-size:16px!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.page-home-login .pwfield--sm,
  body.page-home .pwfield--sm{
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.page-home-login .pwfield__toggle,
  body.page-home .pwfield__toggle{
    top:50%!important;
    transform:translateY(-50%)!important;
    right:14px!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.page-home-login .home-login__btn,
  body.page-home .home-login__btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    margin:0!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,#2563eb 0%,#3b82f6 55%,#60a5fa 100%)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-weight:900!important;
    box-shadow:0 16px 34px rgba(37,99,235,.25),inset 0 1px 0 rgba(255,255,255,.22)!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.page-home-login .alert,
  body.page-home .alert{
    width:100%!important;
    margin:12px 0 0!important;
    position:relative!important;
    z-index:1!important;
  }

  body.page-home-login .guest-register-direct-cta,
  body.page-home .guest-register-direct-cta{
    order:3!important;
    display:block!important;
    width:100%!important;
    margin:14px 0 0!important;
    padding:0!important;
    position:relative!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
  }

  body.page-home-login .bg,
  body.page-home .bg,
  body.page-home-login .hero-grid,
  body.page-home .hero-grid{
    display:none!important;
  }

  body.page-home-login .pk-footer,
  body.page-home .pk-footer{
    order:99!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    margin:auto 0 0!important;
    padding:22px 16px max(18px,env(safe-area-inset-bottom))!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.page-home-login .kruh-auth-splash,
  body.page-home .kruh-auth-splash,
  html.kruh-auth-splash-active body.page-home-login .kruh-auth-splash,
  html.kruh-auth-splash-active body.page-home .kruh-auth-splash{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* IG214.6_AUTH_UNIFIED_MOBILE_ENGINE
   Mobile auth engine: one automatic viewport-aware login stack outside the legacy topbar form.
   Keeps desktop untouched and keeps register route scrollable. */
.kruh-mobile-auth-engine{display:none;}
body.page-home .kruh-mobile-auth-engine,
body.page-home-login .kruh-mobile-auth-engine{
  display:flex;
  width:100%;
  justify-content:center;
  padding:18px 24px;
  box-sizing:border-box;
}
body.page-home .kruh-mobile-auth-engine__card,
body.page-home-login .kruh-mobile-auth-engine__card{
  width:min(100%,560px);
  display:flex;
  flex-direction:column;
  gap:16px;
}
body.page-home .kruh-mobile-auth-engine__form,
body.page-home-login .kruh-mobile-auth-engine__form{
  display:flex;
  flex-direction:column;
  gap:10px;
}
body.page-home .kruh-mobile-auth-engine__cta,
body.page-home-login .kruh-mobile-auth-engine__cta{
  display:block;
}

@media (max-width:760px){
  body.page-home,
  body.page-home-login{
    --kruh-auth-vh:100svh;
    --kruh-auth-header-h:92px;
    min-height:var(--kruh-auth-vh)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:linear-gradient(180deg,#f8fbff 0%,#eef7ff 100%)!important;
    color:#111827!important;
  }
  body.page-home.theme-dark,
  body.page-home-login.theme-dark{
    background:linear-gradient(180deg,#0b162c 0%,#111f3a 100%)!important;
    color:#f8fafc!important;
  }
  body.page-home .topbar.topbar--home#login,
  body.page-home-login .topbar.topbar--home#login,
  body.page-home .topbar--home,
  body.page-home-login .topbar--home{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    min-height:var(--kruh-auth-header-h)!important;
    height:auto!important;
    margin:0!important;
    padding:18px 0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    transform:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    z-index:5!important;
  }
  body.page-home .topbar__inner,
  body.page-home-login .topbar__inner{
    width:100%!important;
    max-width:680px!important;
    margin:0 auto!important;
    padding:0 20px!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    overflow:visible!important;
    gap:0!important;
  }
  body.page-home .topbar__brand,
  body.page-home-login .topbar__brand,
  body.page-home .kruh-logo,
  body.page-home-login .kruh-logo{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 auto!important;
    position:relative!important;
    z-index:2!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  body.page-home .topbar__theme,
  body.page-home-login .topbar__theme{
    position:absolute!important;
    top:50%!important;
    right:20px!important;
    transform:translateY(-50%)!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    margin:0!important;
    border-radius:999px!important;
    z-index:3!important;
  }
  body.page-home .bg,
  body.page-home-login .bg{
    display:block!important;
    min-height:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.page-home .hero-grid,
  body.page-home-login .hero-grid{
    display:block!important;
    width:100%!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.page-home .home-hero-info,
  body.page-home-login .home-hero-info,
  body.page-home .hero__mock,
  body.page-home-login .hero__mock,
  body.page-home .pill-row,
  body.page-home-login .pill-row,
  body.page-home .home-register-inline,
  body.page-home-login .home-register-inline{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.page-home:not(.page-home-register):not(.kruh-mobile-register-open) #registerScreen,
  body.page-home-login:not(.page-home-register):not(.kruh-mobile-register-open) #registerScreen{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.page-home:not(.page-home-register).kruh-mobile-register-open #registerScreen,
  body.page-home-login:not(.page-home-register).kruh-mobile-register-open #registerScreen{
    display:flex!important;
    position:fixed!important;
    inset:0!important;
    z-index:2147482500!important;
    align-items:flex-end!important;
    justify-content:center!important;
    padding:18px 12px max(18px,env(safe-area-inset-bottom))!important;
    background:rgba(15,23,42,.36)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.page-home:not(.page-home-register).kruh-mobile-register-open #registerScreen .mobile-register-card,
  body.page-home-login:not(.page-home-register).kruh-mobile-register-open #registerScreen .mobile-register-card,
  body.page-home:not(.page-home-register).kruh-mobile-register-open #registerScreen .register,
  body.page-home-login:not(.page-home-register).kruh-mobile-register-open #registerScreen .register{
    display:block!important;
    width:min(100%,640px)!important;
    max-height:min(88vh,calc(var(--kruh-auth-vh) - 34px))!important;
    overflow:auto!important;
    border-radius:28px 28px 20px 20px!important;
    background:#fff!important;
    color:#0f172a!important;
    -webkit-text-fill-color:initial!important;
    transform:none!important;
  }
  body.page-home .kruh-mobile-auth-engine,
  body.page-home-login .kruh-mobile-auth-engine{
    display:flex!important;
    width:100%!important;
    min-height:calc(var(--kruh-auth-vh) - var(--kruh-auth-header-h) - 92px)!important;
    padding:8px 16px max(24px,env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    align-items:flex-start!important;
    justify-content:center!important;
    position:relative!important;
    z-index:2!important;
  }
  body.page-home .kruh-mobile-auth-engine__card,
  body.page-home-login .kruh-mobile-auth-engine__card{
    width:min(100%,620px)!important;
    display:flex!important;
    flex-direction:column!important;
    gap:20px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  body.page-home .kruh-mobile-auth-engine__form,
  body.page-home-login .kruh-mobile-auth-engine__form{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    margin:0!important;
    padding:0!important;
  }
  body.page-home .kruh-mobile-auth-engine__input,
  body.page-home-login .kruh-mobile-auth-engine__input,
  body.page-home .kruh-mobile-auth-engine__pw,
  body.page-home-login .kruh-mobile-auth-engine__pw{
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    border-radius:18px!important;
    box-sizing:border-box!important;
  }
  body.page-home .kruh-mobile-auth-engine__input,
  body.page-home-login .kruh-mobile-auth-engine__input{
    display:block!important;
    background:rgba(255,255,255,.96)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    border:1px solid rgba(148,163,184,.38)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
    font-size:16px!important;
    padding:0 16px!important;
  }
  body.page-home.theme-dark .kruh-mobile-auth-engine__input,
  body.page-home-login.theme-dark .kruh-mobile-auth-engine__input{
    background:rgba(15,23,42,.82)!important;
    color:#f8fafc!important;
    -webkit-text-fill-color:#f8fafc!important;
    border-color:rgba(148,163,184,.38)!important;
  }
  body.page-home .kruh-mobile-auth-engine__pw,
  body.page-home-login .kruh-mobile-auth-engine__pw{
    display:block!important;
    position:relative!important;
    background:transparent!important;
  }
  body.page-home .kruh-mobile-auth-engine__pw .pwfield__toggle,
  body.page-home-login .kruh-mobile-auth-engine__pw .pwfield__toggle{
    position:absolute!important;
    right:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:2!important;
  }
  body.page-home .kruh-mobile-auth-engine__submit,
  body.page-home-login .kruh-mobile-auth-engine__submit{
    width:100%!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:18px!important;
    border:0!important;
    background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:16px!important;
    font-weight:900!important;
    box-shadow:0 18px 42px rgba(37,99,235,.28)!important;
  }
  body.page-home .kruh-mobile-auth-engine__alert,
  body.page-home-login .kruh-mobile-auth-engine__alert{
    margin:0!important;
    border-radius:18px!important;
    font-size:14px!important;
  }
  body.page-home .kruh-mobile-auth-engine__cta,
  body.page-home-login .kruh-mobile-auth-engine__cta{
    width:100%!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
  }
  body.page-home .kruh-mobile-auth-engine__eyebrow,
  body.page-home-login .kruh-mobile-auth-engine__eyebrow{
    margin:0 0 12px!important;
    text-align:center!important;
    color:#334155!important;
    -webkit-text-fill-color:#334155!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:950!important;
  }
  body.page-home.theme-dark .kruh-mobile-auth-engine__eyebrow,
  body.page-home-login.theme-dark .kruh-mobile-auth-engine__eyebrow{
    color:#f8fafc!important;
    -webkit-text-fill-color:#f8fafc!important;
  }
  body.page-home .kruh-mobile-auth-engine__register,
  body.page-home-login .kruh-mobile-auth-engine__register{
    width:100%!important;
    min-height:74px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-areas:"main icon" "sub icon"!important;
    align-items:center!important;
    gap:4px 14px!important;
    padding:16px 20px!important;
    border-radius:26px!important;
    background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%)!important;
    border:1px solid rgba(147,197,253,.74)!important;
    box-shadow:0 22px 54px rgba(37,99,235,.28),inset 0 1px 0 rgba(255,255,255,.26)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
  }
  body.page-home .kruh-mobile-auth-engine__registerMain,
  body.page-home-login .kruh-mobile-auth-engine__registerMain{
    grid-area:main!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:22px!important;
    font-weight:950!important;
    line-height:1.05!important;
  }
  body.page-home .kruh-mobile-auth-engine__registerSub,
  body.page-home-login .kruh-mobile-auth-engine__registerSub{
    grid-area:sub!important;
    color:rgba(239,246,255,.96)!important;
    -webkit-text-fill-color:rgba(239,246,255,.96)!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:850!important;
  }
  body.page-home .kruh-mobile-auth-engine__register i,
  body.page-home-login .kruh-mobile-auth-engine__register i{
    grid-area:icon!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:22px!important;
  }
  body.page-home .pk-footer,
  body.page-home-login .pk-footer{
    position:relative!important;
    z-index:1!important;
    margin:0!important;
    padding:18px 16px max(24px,env(safe-area-inset-bottom))!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
  }
  body.page-home .pk-footer-copy,
  body.page-home-login .pk-footer-copy,
  body.page-home .pk-footer-copy *,
  body.page-home-login .pk-footer-copy *{
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
  }
}
@media (max-width:380px){
  body.page-home .kruh-mobile-auth-engine,
  body.page-home-login .kruh-mobile-auth-engine{padding-left:12px!important;padding-right:12px!important;}
  body.page-home .kruh-mobile-auth-engine__registerMain,
  body.page-home-login .kruh-mobile-auth-engine__registerMain{font-size:20px!important;}
}


/* IG214.8_AUTH_ROUTE_STATIC_PARITY_FINAL
   Final cleanup after legacy topbar login removal: /login and /register are independent
   normal-flow auth routes on mobile. No hidden register sheet state may hide /register. */
@media (max-width:760px){
  html:has(body.page-home-login),
  html:has(body.page-home-register),
  html:has(body.page-home){
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scroll-behavior:auto!important;
  }

  body.page-home,
  body.page-home-login,
  body.page-home-register{
    --kruh-auth-vh:100svh!important;
    --kruh-auth-header-h:auto!important;
    --kruh-auth-footer-h:auto!important;
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    min-height:100svh!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:linear-gradient(180deg,#ffffff 0%,#f6fbff 48%,#edf7ff 100%)!important;
    color:#0f172a!important;
    transform:none!important;
    filter:none!important;
    contain:none!important;
  }

  html[data-theme="dark"] body.page-home,
  html[data-theme="dark"] body.page-home-login,
  html[data-theme="dark"] body.page-home-register,
  body.theme-dark.page-home,
  body.theme-dark.page-home-login,
  body.theme-dark.page-home-register{
    background:linear-gradient(180deg,#0b162c 0%,#101d35 54%,#0d1729 100%)!important;
    color:#f8fafc!important;
  }

  body.page-home::before,body.page-home::after,
  body.page-home-login::before,body.page-home-login::after,
  body.page-home-register::before,body.page-home-register::after,
  body.page-home .topbar--home::before,body.page-home .topbar--home::after,
  body.page-home-login .topbar--home::before,body.page-home-login .topbar--home::after,
  body.page-home-register .topbar--home::before,body.page-home-register .topbar--home::after,
  body.page-home .bg::before,body.page-home .bg::after,
  body.page-home-login .bg::before,body.page-home-login .bg::after,
  body.page-home-register .bg::before,body.page-home-register .bg::after{
    content:none!important;
    display:none!important;
  }

  body.page-home .kruh-auth-splash,
  body.page-home-login .kruh-auth-splash,
  body.page-home-register .kruh-auth-splash,
  html.kruh-auth-splash-active body.page-home .kruh-auth-splash,
  html.kruh-auth-splash-active body.page-home-login .kruh-auth-splash,
  html.kruh-auth-splash-active body.page-home-register .kruh-auth-splash{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.page-home .topbar.topbar--home#login,
  body.page-home-login .topbar.topbar--home#login,
  body.page-home-register .topbar.topbar--home#login,
  body.page-home .topbar--home,
  body.page-home-login .topbar--home,
  body.page-home-register .topbar--home{
    order:1!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:88px!important;
    max-height:none!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:18px 18px 14px!important;
    overflow:visible!important;
    z-index:5!important;
    transform:none!important;
    filter:none!important;
    background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%)!important;
    border:0!important;
    box-shadow:0 14px 34px rgba(37,99,235,.16)!important;
  }

  body.page-home .topbar__inner,
  body.page-home-login .topbar__inner,
  body.page-home-register .topbar__inner{
    width:100%!important;
    max-width:640px!important;
    min-height:56px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    margin:0 auto!important;
    padding:0 74px!important;
    gap:0!important;
    overflow:visible!important;
  }

  body.page-home .kruh-logo,
  body.page-home-login .kruh-logo,
  body.page-home-register .kruh-logo,
  body.page-home .topbar__brand,
  body.page-home-login .topbar__brand,
  body.page-home-register .topbar__brand{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    margin:0 auto!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    max-width:100%!important;
    z-index:2!important;
  }

  body.page-home .topbar__theme,
  body.page-home-login .topbar__theme,
  body.page-home-register .topbar__theme{
    position:absolute!important;
    right:18px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    border-radius:999px!important;
    z-index:4!important;
    background:rgba(255,255,255,.92)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    box-shadow:0 14px 34px rgba(15,23,42,.18)!important;
  }

  body.page-home .topbar__login,
  body.page-home-login .topbar__login,
  body.page-home-register .topbar__login,
  body.page-home .topbar__loginCard,
  body.page-home-login .topbar__loginCard,
  body.page-home-register .topbar__loginCard,
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow,
  body.page-home .guest-register-direct-cta,
  body.page-home-login .guest-register-direct-cta,
  body.page-home-register .guest-register-direct-cta{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg{
    order:2!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.page-home .hero-grid,
  body.page-home-login .hero-grid,
  body.page-home-register .hero-grid{
    display:block!important;
    width:100%!important;
    max-width:720px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0 14px 24px!important;
    overflow:visible!important;
  }
  body.page-home .home-hero-info,
  body.page-home-login .home-hero-info,
  body.page-home-register .home-hero-info,
  body.page-home .hero__mock,
  body.page-home-login .hero__mock,
  body.page-home-register .hero__mock,
  body.page-home .pill-row,
  body.page-home-login .pill-row,
  body.page-home-register .pill-row{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.page-home .kruh-mobile-auth-engine,
  body.page-home-login .kruh-mobile-auth-engine{
    order:2!important;
    display:flex!important;
    width:100%!important;
    min-height:auto!important;
    height:auto!important;
    flex:0 0 auto!important;
    align-items:flex-start!important;
    justify-content:center!important;
    margin:0!important;
    padding:26px 16px 24px!important;
    box-sizing:border-box!important;
    position:relative!important;
    z-index:2!important;
    transform:none!important;
    overflow:visible!important;
  }
  body.page-home .kruh-mobile-auth-engine__card,
  body.page-home-login .kruh-mobile-auth-engine__card{
    width:min(100%,620px)!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:20px!important;
  }
  body.page-home .kruh-mobile-auth-engine__form,
  body.page-home-login .kruh-mobile-auth-engine__form{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.page-home-register .kruh-mobile-auth-engine{display:none!important;}

  body.page-home:not(.page-home-register):not(.kruh-mobile-register-open) #registerScreen,
  body.page-home-login:not(.page-home-register):not(.kruh-mobile-register-open) #registerScreen{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.page-home-register .mobile-register-screen,
  body.page-home-register #registerScreen,
  body.page-home-register .mobile-register-card,
  body.page-home-register #register,
  body.page-home-register .mobile-register-screen>.register.card{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    overflow:visible!important;
    filter:none!important;
    background:transparent!important;
  }
  body.page-home-register #register,
  body.page-home-register .mobile-register-card{
    max-width:640px!important;
    margin:26px auto 24px!important;
    padding:22px 18px 28px!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:initial!important;
    border:1px solid rgba(203,213,225,.88)!important;
    box-shadow:0 22px 70px rgba(15,23,42,.12)!important;
  }
  html[data-theme="dark"] body.page-home-register #register,
  html[data-theme="dark"] body.page-home-register .mobile-register-card,
  body.theme-dark.page-home-register #register,
  body.theme-dark.page-home-register .mobile-register-card{
    background:linear-gradient(180deg,rgba(15,23,42,.96) 0%,rgba(15,23,42,.9) 100%)!important;
    color:#f8fafc!important;
    border-color:rgba(148,163,184,.28)!important;
  }

  body.page-home .pk-footer,
  body.page-home-login .pk-footer,
  body.page-home-register .pk-footer{
    order:99!important;
    display:block!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    flex:0 0 auto!important;
    margin-top:auto!important;
    padding:18px 16px max(22px,env(safe-area-inset-bottom))!important;
    z-index:1!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
    transform:none!important;
    filter:none!important;
  }
  body.page-home .pk-footer-links,
  body.page-home-login .pk-footer-links,
  body.page-home-register .pk-footer-links{display:none!important;}
  body.page-home .pk-footer-copy,
  body.page-home-login .pk-footer-copy,
  body.page-home-register .pk-footer-copy,
  body.page-home .pk-footer-copy *,
  body.page-home-login .pk-footer-copy *,
  body.page-home-register .pk-footer-copy *{
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    opacity:1!important;
    text-align:center!important;
    font-weight:800!important;
  }
}


/* IG214.9 AUTH ROUTE BODY CLASS ALIAS FIX
   Real body-system classes for /login and /register are page-login/page-register.
   Older IG214 rules targeted page-home-login/page-home-register only, so direct
   mobile /register rendered header/footer while the form stayed outside the
   visible auth flow. Keep this as the single final alias layer in the existing
   bundle; no new CSS files. */
@media (max-width:760px){
  body.page-login,
  body.page-register{
    min-height:100dvh!important;
    height:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:linear-gradient(180deg,#f8fbff 0%,#eaf4ff 100%)!important;
  }
  body.page-login .topbar.topbar--home#login,
  body.page-register .topbar.topbar--home#login,
  body.page-login .topbar--home,
  body.page-register .topbar--home{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:18px 22px 12px!important;
    overflow:visible!important;
    background:linear-gradient(135deg,#2563eb 0%,#60a5fa 100%)!important;
    box-shadow:0 14px 32px rgba(37,99,235,.18)!important;
    z-index:5!important;
  }
  body.page-login .topbar__inner,
  body.page-register .topbar__inner{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:640px!important;
    margin:0 auto!important;
    padding:0!important;
    min-height:86px!important;
  }
  body.page-login .topbar__theme,
  body.page-register .topbar__theme{
    position:absolute!important;
    right:10px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:8!important;
  }

  body.page-login .bg,
  body.page-register .bg{
    display:block!important;
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0 14px 24px!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.page-login .hero-grid,
  body.page-register .hero-grid{
    display:block!important;
    width:100%!important;
    max-width:720px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.page-login .home-hero-info,
  body.page-register .home-hero-info,
  body.page-login .hero__mock,
  body.page-register .hero__mock,
  body.page-login .pill-row,
  body.page-register .pill-row,
  body.page-login .kruh-ad--support,
  body.page-register .kruh-ad--support{
    display:none!important;
    visibility:hidden!important;
  }

  body.page-login .mobile-register-screen,
  body.page-login #registerScreen{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.page-login .kruh-mobile-auth-engine{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:680px!important;
    margin:0 auto!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    overflow:visible!important;
    background:transparent!important;
    z-index:2!important;
  }
  body.page-login .kruh-mobile-auth-engine__card{
    width:100%!important;
    max-width:640px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
  }

  body.page-register .kruh-mobile-auth-engine{
    display:none!important;
  }
  body.page-register .mobile-register-screen,
  body.page-register #registerScreen{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:720px!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    overflow:visible!important;
    background:transparent!important;
    filter:none!important;
    z-index:2!important;
  }
  body.page-register .mobile-register-card,
  body.page-register .mobile-register-screen>.register.card,
  body.page-register #register{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:640px!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin:26px auto 24px!important;
    padding:22px 18px 28px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    overflow:visible!important;
    filter:none!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:initial!important;
    border:1px solid rgba(203,213,225,.88)!important;
    box-shadow:0 22px 70px rgba(15,23,42,.12)!important;
  }
  body.page-register #registerTitle,
  body.page-register .mobile-register-card h2{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    font-size:clamp(34px,11vw,54px)!important;
    line-height:.98!important;
    margin:0 0 10px!important;
  }

  body.page-login .pk-footer,
  body.page-register .pk-footer{
    display:block!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:1!important;
    width:100%!important;
    margin:0!important;
    padding:16px 16px max(18px,env(safe-area-inset-bottom))!important;
    background:transparent!important;
    color:#64748b!important;
    pointer-events:none!important;
    text-align:center!important;
  }
}



/* IG214.10_AUTH_REGISTER_ROUTE_VISIBILITY_HARD_FIX */
@media (max-width:760px){
  body.page-home.page-home-register #registerScreen,
  body.page-home-register #registerScreen,
  body.page-home.page-home-register .mobile-register-screen,
  body.page-home-register .mobile-register-screen{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    transform:none!important;
    overflow:visible!important;
  }
  body.page-home.page-home-register .mobile-register-card,
  body.page-home-register .mobile-register-card,
  body.page-home.page-home-register #register,
  body.page-home-register #register{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    width:100%!important;
    max-width:640px!important;
    margin:0 auto 24px!important;
    transform:none!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* IG215.1_AUTH_UNIFICATION_CLEANUP
   Final mobile auth layout: one renderer, normal document flow, no legacy sheet/topbar overlays. */
@media (max-width:760px){
  body.page-auth,
  body.page-login,
  body.page-register{
    min-height:100dvh!important;
    height:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding:0!important;
    background:linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%)!important;
    color:#0f172a!important;
  }
  html[data-theme="dark"] body.page-auth,
  html[data-theme="dark"] body.page-login,
  html[data-theme="dark"] body.page-register,
  body.theme-dark.page-auth,
  body.theme-dark.page-login,
  body.theme-dark.page-register{
    background:linear-gradient(180deg,#071126 0%,#0d1a35 52%,#111f3a 100%)!important;
    color:#f8fafc!important;
  }
  body.page-auth .topbar.topbar--home#login,
  body.page-auth .topbar--home,
  body.page-login .topbar.topbar--home#login,
  body.page-register .topbar.topbar--home#login{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:max(18px,env(safe-area-inset-top)) 18px 14px!important;
    overflow:visible!important;
    background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 48%,#60a5fa 100%)!important;
    border:0!important;
    box-shadow:0 14px 34px rgba(37,99,235,.20)!important;
    z-index:2!important;
  }
  body.page-auth .topbar__inner,
  body.page-login .topbar__inner,
  body.page-register .topbar__inner{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:680px!important;
    min-height:74px!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
  }
  body.page-auth .kruh-logo,
  body.page-login .kruh-logo,
  body.page-register .kruh-logo{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 2px 10px rgba(15,23,42,.22)!important;
    transform:none!important;
  }
  body.page-auth .topbar__theme,
  body.page-login .topbar__theme,
  body.page-register .topbar__theme{
    position:absolute!important;
    right:8px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(255,255,255,.92)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    border:1px solid rgba(203,213,225,.74)!important;
    box-shadow:0 12px 30px rgba(15,23,42,.16)!important;
  }

  body.page-auth .bg,
  body.page-login .bg,
  body.page-register .bg{
    display:block!important;
    position:relative!important;
    margin:0!important;
    padding:0 14px 0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    background:transparent!important;
  }
  body.page-auth .hero-grid,
  body.page-login .hero-grid,
  body.page-register .hero-grid{
    display:block!important;
    width:100%!important;
    max-width:720px!important;
    margin:0 auto!important;
    padding:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.page-auth .home-hero-info,
  body.page-login .home-hero-info,
  body.page-register .home-hero-info,
  body.page-auth .hero__mock,
  body.page-login .hero__mock,
  body.page-register .hero__mock,
  body.page-auth .pill-row,
  body.page-login .pill-row,
  body.page-register .pill-row,
  body.page-auth .kruh-ad--support,
  body.page-login .kruh-ad--support,
  body.page-register .kruh-ad--support{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.page-auth-register .kruh-mobile-auth-engine,
  body.page-register .kruh-mobile-auth-engine,
  body.page-auth-login .mobile-register-screen,
  body.page-login .mobile-register-screen{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.page-auth-login .kruh-mobile-auth-engine,
  body.page-login .kruh-mobile-auth-engine{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:680px!important;
    margin:0 auto!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    overflow:visible!important;
    background:transparent!important;
    z-index:1!important;
  }
  body.page-auth-login .kruh-mobile-auth-engine__card,
  body.page-login .kruh-mobile-auth-engine__card{
    width:100%!important;
    max-width:640px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
  }
  body.page-auth-login .kruh-mobile-auth-engine__input,
  body.page-login .kruh-mobile-auth-engine__input,
  body.page-auth-login .kruh-mobile-auth-engine__pw,
  body.page-login .kruh-mobile-auth-engine__pw{
    width:100%!important;
  }
  body.page-auth-login .kruh-mobile-auth-engine__submit,
  body.page-login .kruh-mobile-auth-engine__submit{
    width:100%!important;
    min-height:58px!important;
  }

  body.page-auth-register .mobile-register-screen,
  body.page-register .mobile-register-screen,
  body.page-auth-register #registerScreen,
  body.page-register #registerScreen{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:720px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    overflow:visible!important;
    background:transparent!important;
    filter:none!important;
    z-index:1!important;
  }
  body.page-auth-register .mobile-register-card,
  body.page-register .mobile-register-card,
  body.page-auth-register .mobile-register-screen>.register.card,
  body.page-register .mobile-register-screen>.register.card,
  body.page-auth-register #register,
  body.page-register #register{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:640px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto 24px!important;
    padding:22px 18px 28px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    overflow:visible!important;
    filter:none!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:initial!important;
    border:1px solid rgba(203,213,225,.88)!important;
    box-shadow:0 22px 70px rgba(15,23,42,.12)!important;
  }

  body.page-auth .pk-footer,
  body.page-login .pk-footer,
  body.page-register .pk-footer{
    display:block!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    z-index:1!important;
    margin:0!important;
    padding:16px 16px max(18px,env(safe-area-inset-bottom))!important;
    background:transparent!important;
    pointer-events:none!important;
    text-align:center!important;
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
  }
  body.page-auth .pk-footer-links,
  body.page-login .pk-footer-links,
  body.page-register .pk-footer-links{display:none!important;}
  body.page-auth .pk-footer-copy,
  body.page-login .pk-footer-copy,
  body.page-register .pk-footer-copy,
  body.page-auth .pk-footer-copy *,
  body.page-login .pk-footer-copy *,
  body.page-register .pk-footer-copy *{
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    opacity:1!important;
    font-weight:800!important;
    text-align:center!important;
  }
}

/* IG215.2_AUTH_REGISTER_RESTORE_SINGLE_RENDERER
   Definitive mobile auth route cleanup: login and register use explicit standalone renderers.
   The register route no longer depends on legacy mobile-register-screen/sheet classes. */
@media (max-width:760px){
  body.page-auth.page-login,
  body.page-auth.page-register,
  body.page-auth-login,
  body.page-auth-register{
    min-height:100dvh!important;
    height:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%)!important;
    color:#0f172a!important;
  }

  body.page-auth.page-login .topbar.topbar--home#login,
  body.page-auth.page-register .topbar.topbar--home#login,
  body.page-auth-login .topbar.topbar--home#login,
  body.page-auth-register .topbar.topbar--home#login{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:112px!important;
    margin:0!important;
    padding:max(18px,env(safe-area-inset-top)) 18px 16px!important;
    overflow:visible!important;
    background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 50%,#60a5fa 100%)!important;
    border:0!important;
    box-shadow:0 14px 34px rgba(37,99,235,.20)!important;
    z-index:5!important;
  }

  body.page-auth.page-login .bg,
  body.page-auth.page-register .bg,
  body.page-auth-login .bg,
  body.page-auth-register .bg{
    display:block!important;
    position:relative!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:18px 14px 0!important;
    overflow:visible!important;
    background:transparent!important;
    transform:none!important;
  }

  body.page-auth.page-login .hero-grid,
  body.page-auth.page-register .hero-grid,
  body.page-auth-login .hero-grid,
  body.page-auth-register .hero-grid{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:720px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
    transform:none!important;
  }

  body.page-auth.page-login .home-hero-info,
  body.page-auth.page-register .home-hero-info,
  body.page-auth-login .home-hero-info,
  body.page-auth-register .home-hero-info,
  body.page-auth.page-login .hero__mock,
  body.page-auth.page-register .hero__mock,
  body.page-auth.page-login .pill-row,
  body.page-auth.page-register .pill-row{
    display:none!important;
  }

  body.page-auth.page-login .mobile-register-screen,
  body.page-auth-login .mobile-register-screen,
  body.page-login .mobile-register-screen{
    display:none!important;
  }

  body.page-auth.page-register .kruh-mobile-auth-engine,
  body.page-auth-register .kruh-mobile-auth-engine,
  body.page-register .kruh-mobile-auth-engine{
    display:none!important;
  }

  body.page-auth.page-login .kruh-mobile-auth-engine,
  body.page-auth-login .kruh-mobile-auth-engine,
  body.page-login .kruh-mobile-auth-engine{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:680px!important;
    margin:0 auto!important;
    padding:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    background:transparent!important;
  }

  body.page-auth.page-login .kruh-mobile-auth-engine__card,
  body.page-auth-login .kruh-mobile-auth-engine__card,
  body.page-login .kruh-mobile-auth-engine__card{
    width:100%!important;
    max-width:640px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
  }

  body.page-auth.page-register .kruh-register-route-engine,
  body.page-auth-register .kruh-register-route-engine,
  body.page-register .kruh-register-route-engine{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:720px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    background:transparent!important;
    filter:none!important;
    z-index:2!important;
  }

  body.page-auth.page-register .kruh-register-route-card,
  body.page-auth-register .kruh-register-route-card,
  body.page-register .kruh-register-route-card{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:640px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto 24px!important;
    padding:24px 18px 28px!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:initial!important;
    border:1px solid rgba(203,213,225,.88)!important;
    border-radius:28px!important;
    box-shadow:0 22px 70px rgba(15,23,42,.12)!important;
  }

  body.page-auth.page-register .kruh-register-route-card h2,
  body.page-auth-register .kruh-register-route-card h2,
  body.page-register .kruh-register-route-card h2{
    margin:0 0 8px!important;
    font-size:clamp(38px,10vw,58px)!important;
    line-height:.95!important;
    letter-spacing:-.055em!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
  }

  body.page-auth.page-register .kruh-register-route-card .muted,
  body.page-auth-register .kruh-register-route-card .muted,
  body.page-register .kruh-register-route-card .muted{
    margin:0 0 22px!important;
  }

  body.page-auth.page-login .pk-footer,
  body.page-auth.page-register .pk-footer,
  body.page-auth-login .pk-footer,
  body.page-auth-register .pk-footer,
  body.page-login .pk-footer,
  body.page-register .pk-footer{
    display:block!important;
    position:relative!important;
    width:100%!important;
    margin:0!important;
    padding:18px 16px max(20px,env(safe-area-inset-bottom))!important;
    background:transparent!important;
    text-align:center!important;
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    pointer-events:none!important;
  }
}


/* IG215.3_AUTH_MOBILE_HEADER_GAP_STABILIZE
   Final mobile auth spacing: keep login/register content safely below the blue KRUH header
   on Chrome/Samsung mobile browser UI, without reintroducing legacy renderers. */
@media (max-width:760px){
  body.page-auth.page-login .kruh-mobile-auth-engine,
  body.page-auth-login .kruh-mobile-auth-engine,
  body.page-login .kruh-mobile-auth-engine{
    margin-top:clamp(34px,6svh,64px)!important;
  }

  body.page-auth.page-register .kruh-register-route-engine,
  body.page-auth-register .kruh-register-route-engine,
  body.page-register .kruh-register-route-engine{
    margin-top:clamp(34px,6svh,64px)!important;
  }

  body.page-auth.page-login .bg,
  body.page-auth.page-register .bg,
  body.page-auth-login .bg,
  body.page-auth-register .bg,
  body.page-login .bg,
  body.page-register .bg{
    padding-top:0!important;
  }

  body.page-auth.page-login .hero-grid,
  body.page-auth.page-register .hero-grid,
  body.page-auth-login .hero-grid,
  body.page-auth-register .hero-grid,
  body.page-login .hero-grid,
  body.page-register .hero-grid{
    overflow:visible!important;
  }

  body.page-auth.page-register .kruh-register-route-card,
  body.page-auth-register .kruh-register-route-card,
  body.page-register .kruh-register-route-card{
    scroll-margin-top:calc(112px + clamp(34px,6svh,64px))!important;
  }
}


/* IG215.4_AUTH_MOBILE_ROOT_HEADER_OFFSET_FINAL
   Root /login screen uses body.page-home while direct /login uses page-login.
   Keep every auth route below the blue KRUH header with one final shared offset. */
@media (max-width:760px){
  body.page-home .kruh-mobile-auth-engine,
  body.page-home-login .kruh-mobile-auth-engine,
  body.page-auth.page-login .kruh-mobile-auth-engine,
  body.page-auth-login .kruh-mobile-auth-engine,
  body.page-login .kruh-mobile-auth-engine{
    margin-top:clamp(46px,7svh,76px)!important;
    padding-top:0!important;
  }

  body.page-home-register .kruh-register-route-engine,
  body.page-auth.page-register .kruh-register-route-engine,
  body.page-auth-register .kruh-register-route-engine,
  body.page-register .kruh-register-route-engine,
  body.page-home-register .mobile-register-screen,
  body.page-auth.page-register .mobile-register-screen,
  body.page-auth-register .mobile-register-screen,
  body.page-register .mobile-register-screen{
    margin-top:clamp(46px,7svh,76px)!important;
    padding-top:0!important;
  }

  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg,
  body.page-auth.page-login .bg,
  body.page-auth.page-register .bg,
  body.page-auth-login .bg,
  body.page-auth-register .bg,
  body.page-login .bg,
  body.page-register .bg{
    padding-top:0!important;
  }
}

/* IG215.5_AUTH_SINGLE_WRAPPER_MIGRATION
   Login and register now use the same mobile auth wrapper.
   Legacy kruh-register-route-engine markup was removed from the active view. */
@media (max-width:760px){
  body.page-home .kruh-mobile-auth-engine,
  body.page-home-login .kruh-mobile-auth-engine,
  body.page-auth.page-login .kruh-mobile-auth-engine,
  body.page-auth-login .kruh-mobile-auth-engine,
  body.page-login .kruh-mobile-auth-engine,
  body.page-home-register .kruh-mobile-auth-engine--register,
  body.page-auth.page-register .kruh-mobile-auth-engine--register,
  body.page-auth-register .kruh-mobile-auth-engine--register,
  body.page-register .kruh-mobile-auth-engine--register{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:680px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:clamp(78px,10svh,112px) auto 0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    overflow:visible!important;
    background:transparent!important;
    filter:none!important;
    z-index:2!important;
  }

  body.page-home-register .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.page-auth.page-register .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.page-auth-register .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.page-register .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register){
    display:none!important;
  }

  body.page-home .kruh-mobile-auth-engine__card,
  body.page-home-login .kruh-mobile-auth-engine__card,
  body.page-auth.page-login .kruh-mobile-auth-engine__card,
  body.page-auth-login .kruh-mobile-auth-engine__card,
  body.page-login .kruh-mobile-auth-engine__card,
  body.page-home-register .kruh-mobile-auth-engine__card--register,
  body.page-auth.page-register .kruh-mobile-auth-engine__card--register,
  body.page-auth-register .kruh-mobile-auth-engine__card--register,
  body.page-register .kruh-mobile-auth-engine__card--register{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:640px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 auto 24px!important;
    padding:24px 18px 28px!important;
    gap:18px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    overflow:visible!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:initial!important;
    border:1px solid rgba(203,213,225,.88)!important;
    box-shadow:0 22px 70px rgba(15,23,42,.12)!important;
  }

  body.theme-dark.page-home .kruh-mobile-auth-engine__card,
  body.theme-dark.page-home-login .kruh-mobile-auth-engine__card,
  body.theme-dark.page-login .kruh-mobile-auth-engine__card,
  body.theme-dark.page-register .kruh-mobile-auth-engine__card--register,
  html[data-theme="dark"] body.page-home .kruh-mobile-auth-engine__card,
  html[data-theme="dark"] body.page-home-login .kruh-mobile-auth-engine__card,
  html[data-theme="dark"] body.page-login .kruh-mobile-auth-engine__card,
  html[data-theme="dark"] body.page-register .kruh-mobile-auth-engine__card--register{
    background:linear-gradient(180deg,rgba(15,23,42,.98) 0%,rgba(17,24,39,.98) 100%)!important;
    color:#f8fafc!important;
    -webkit-text-fill-color:initial!important;
    border-color:rgba(148,163,184,.24)!important;
  }

  body.page-register #registerTitle,
  body.page-auth-register #registerTitle,
  body.page-home-register #registerTitle{
    margin:0 0 8px!important;
    font-size:clamp(34px,10vw,52px)!important;
    line-height:1!important;
    letter-spacing:-.055em!important;
  }
}

/* IG215.5 desktop/register route visibility after single-wrapper migration. */
body.page-register .kruh-mobile-auth-engine--register,
body.page-auth-register .kruh-mobile-auth-engine--register,
body.page-auth.page-register .kruh-mobile-auth-engine--register,
body.page-home-register .kruh-mobile-auth-engine--register{
  display:block;
  width:100%;
  max-width:680px;
  margin:clamp(42px,6vh,82px) auto 0;
}
body.page-register .kruh-mobile-auth-engine__card--register,
body.page-auth-register .kruh-mobile-auth-engine__card--register,
body.page-auth.page-register .kruh-mobile-auth-engine__card--register,
body.page-home-register .kruh-mobile-auth-engine__card--register{
  width:min(100%,640px);
  margin:0 auto 24px;
}

/* IG216.1_AUTH_MOBILE_REGISTER_SHEET_ANIMATION
   Mobile auth uses one login surface and one animated register sheet.
   The register route remains a normal full page; the login CTA opens the same register renderer without reload. */
@media (max-width:760px){
  body.page-home .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.page-home-login .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.page-auth.page-login .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.page-auth-login .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.page-login .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register){
    display:block!important;
    position:relative!important;
    margin:clamp(74px,9svh,104px) auto 0!important;
    padding:0!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    transition:transform .28s ease,opacity .22s ease,filter .28s ease!important;
  }

  body.kruh-auth-register-open.page-home .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.kruh-auth-register-open.page-home-login .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.kruh-auth-register-open.page-login .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register){
    transform:translateY(-18px) scale(.985)!important;
    opacity:.28!important;
    filter:blur(2px)!important;
    pointer-events:none!important;
  }

  body.page-home .kruh-mobile-auth-engine--register,
  body.page-home-login .kruh-mobile-auth-engine--register,
  body.page-auth.page-login .kruh-mobile-auth-engine--register,
  body.page-auth-login .kruh-mobile-auth-engine--register,
  body.page-login .kruh-mobile-auth-engine--register{
    display:block!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100%!important;
    max-width:none!important;
    height:min(calc(var(--kruh-auth-vh,100vh) - max(84px,env(safe-area-inset-top))), calc(100dvh - 72px))!important;
    margin:0!important;
    padding:18px 14px max(18px,env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    z-index:2147482500!important;
    background:linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%)!important;
    border-radius:30px 30px 0 0!important;
    box-shadow:0 -28px 90px rgba(15,23,42,.24),0 0 0 1px rgba(148,163,184,.28)!important;
    transform:translateY(calc(108% + var(--kruh-auth-sheet-drag,0px)))!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .24s ease,visibility 0s linear .34s!important;
  }

  body.kruh-auth-register-open.page-home .kruh-mobile-auth-engine--register,
  body.kruh-auth-register-open.page-home-login .kruh-mobile-auth-engine--register,
  body.kruh-auth-register-open.page-login .kruh-mobile-auth-engine--register{
    transform:translateY(var(--kruh-auth-sheet-drag,0px))!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .24s ease!important;
  }

  body.kruh-auth-register-closing.page-home .kruh-mobile-auth-engine--register,
  body.kruh-auth-register-closing.page-home-login .kruh-mobile-auth-engine--register,
  body.kruh-auth-register-closing.page-login .kruh-mobile-auth-engine--register{
    transform:translateY(108%)!important;
    opacity:0!important;
  }

  body.page-home .kruh-mobile-auth-engine--register .kruh-mobile-auth-engine__card--register,
  body.page-home-login .kruh-mobile-auth-engine--register .kruh-mobile-auth-engine__card--register,
  body.page-login .kruh-mobile-auth-engine--register .kruh-mobile-auth-engine__card--register,
  body.kruh-auth-register-open .kruh-mobile-auth-engine--register .kruh-mobile-auth-engine__card--register{
    width:100%!important;
    max-width:640px!important;
    margin:0 auto 22px!important;
    padding:22px 18px 28px!important;
    border-radius:28px!important;
  }

  body.page-register .kruh-mobile-auth-engine--register,
  body.page-auth-register .kruh-mobile-auth-engine--register,
  body.page-auth.page-register .kruh-mobile-auth-engine--register,
  body.page-home-register .kruh-mobile-auth-engine--register{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:680px!important;
    height:auto!important;
    margin:clamp(74px,9svh,104px) auto 0!important;
    padding:0!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    background:transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  body.page-register .kruh-mobile-auth-engine__card--register,
  body.page-auth-register .kruh-mobile-auth-engine__card--register,
  body.page-auth.page-register .kruh-mobile-auth-engine__card--register,
  body.page-home-register .kruh-mobile-auth-engine__card--register{
    width:100%!important;
    max-width:640px!important;
    margin:0 auto 24px!important;
    padding:24px 18px 28px!important;
  }
}


/* IG216.2_AUTH_REGISTER_SHEET_AND_SEARCH_KEYBOARD_POLISH
   Final mobile polish after IG216.1: register sheet gets safer breathing room under the KRUH header;
   route register and login keep one wrapper; top search gets keyboard-aware sizing hooks. */
@media (max-width:760px){
  body.page-home .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.page-home-login .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.page-auth.page-login .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.page-auth-login .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.page-login .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register){
    margin-top:clamp(82px,10svh,116px)!important;
  }

  body.page-home .kruh-mobile-auth-engine--register,
  body.page-home-login .kruh-mobile-auth-engine--register,
  body.page-auth.page-login .kruh-mobile-auth-engine--register,
  body.page-auth-login .kruh-mobile-auth-engine--register,
  body.page-login .kruh-mobile-auth-engine--register{
    height:min(calc(var(--kruh-auth-vh,100vh) - max(104px,env(safe-area-inset-top))),calc(100dvh - 92px))!important;
    padding:22px 14px max(18px,env(safe-area-inset-bottom))!important;
    scroll-padding-top:28px!important;
  }

  body.page-home .kruh-mobile-auth-engine--register .kruh-mobile-auth-engine__card--register,
  body.page-home-login .kruh-mobile-auth-engine--register .kruh-mobile-auth-engine__card--register,
  body.page-login .kruh-mobile-auth-engine--register .kruh-mobile-auth-engine__card--register,
  body.kruh-auth-register-open .kruh-mobile-auth-engine--register .kruh-mobile-auth-engine__card--register{
    margin:18px auto 22px!important;
  }

  body.page-register .kruh-mobile-auth-engine--register,
  body.page-auth-register .kruh-mobile-auth-engine--register,
  body.page-auth.page-register .kruh-mobile-auth-engine--register,
  body.page-home-register .kruh-mobile-auth-engine--register{
    margin-top:clamp(82px,10svh,116px)!important;
    scroll-padding-top:24px!important;
  }

  #topSearchAbsoluteResultsV26.topsearch-v27-results{
    max-height:min(62dvh,calc(var(--kruh-search-vh,100dvh) - var(--kruh-search-panel-top,120px) - 14px))!important;
  }

  body.kruh-mobile-keyboard-open #topSearchAbsoluteResultsV26.topsearch-v27-results{
    max-height:min(46dvh,calc(var(--kruh-search-vh,100dvh) - var(--kruh-search-panel-top,96px) - 10px))!important;
  }
}


/* IG216.3_MOBILE_CONSENT_SEARCH_KEYBOARD_BONUS_POLISH
   Odporúčané stabilizačné bonusy po IG216.2:
   1) 16+ potvrdenie je obsahový modal bez 100vh bielej plochy.
   2) Top search panel je Android keyboard-aware aj cez nový appbar-real-restore owner.
   3) Register sheet nechávame stabilný, iba jemne chránime horný okraj a scroll. */
.agegate.open{
  align-items:flex-start!important;
  justify-content:center!important;
  padding:clamp(18px,7svh,64px) 16px 16px!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.agegate.open .agegate__panel{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(var(--kruh-auth-vh,100dvh) - 32px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
.agegate.open .agegate__body{
  min-height:0!important;
  height:auto!important;
  padding-bottom:clamp(18px,4svh,30px)!important;
}
.agegate.open .agegate__actions{
  margin-top:18px!important;
}
@media (max-width:760px){
  .agegate.open{
    padding:clamp(14px,5svh,38px) 12px 14px!important;
    align-items:flex-start!important;
  }
  .agegate.open .agegate__panel{
    width:min(100%,calc(100vw - 24px))!important;
    max-height:calc(var(--kruh-auth-vh,100dvh) - 24px)!important;
    margin:0 auto!important;
  }
  .agegate.open .agegate__head{
    min-height:0!important;
  }
  .agegate.open .agegate__body{
    height:auto!important;
    min-height:0!important;
  }

  #topSearchAbsoluteResultsV26.topsearch-v27-results{
    max-height:min(58dvh,calc(var(--kruh-search-vh,100dvh) - var(--kruh-search-panel-top,120px) - 18px))!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.kruh-mobile-keyboard-open #topSearchAbsoluteResultsV26.topsearch-v27-results{
    top:var(--kruh-search-panel-top-abs, var(--kruh-search-panel-top,96px))!important;
    max-height:min(42dvh,calc(var(--kruh-search-vh,100dvh) - var(--kruh-search-panel-top,96px) - 12px))!important;
  }
  body.kruh-mobile-keyboard-open .feed-bg,
  body.kruh-mobile-keyboard-open .feed-shell,
  body.kruh-mobile-keyboard-open main{
    scroll-padding-bottom:calc((100dvh - var(--kruh-search-vh,100dvh)) + 24px)!important;
  }
}

/* IG216.4_MOBILE_AUTH_LOGIN_FACEBOOK_STYLE_SEARCH_CONSENT_FIX
   Mobile-only polish: cleaner Facebook-style login, no decorative emoji in CTA,
   visible 16+ decline button, and keyboard-safe visible search field. */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media (max-width:760px){
  body.page-home .kruh-mobile-auth-engine__form > label.sr-only,
  body.page-home-login .kruh-mobile-auth-engine__form > label.sr-only,
  body.page-login .kruh-mobile-auth-engine__form > label.sr-only,
  body.page-auth-login .kruh-mobile-auth-engine__form > label.sr-only,
  body.page-auth.page-login .kruh-mobile-auth-engine__form > label.sr-only{
    display:none!important;
  }
  body.page-home .kruh-mobile-auth-engine__form,
  body.page-home-login .kruh-mobile-auth-engine__form,
  body.page-login .kruh-mobile-auth-engine__form,
  body.page-auth-login .kruh-mobile-auth-engine__form,
  body.page-auth.page-login .kruh-mobile-auth-engine__form{
    gap:14px!important;
  }
  body.page-home .kruh-mobile-auth-engine__forgot,
  body.page-home-login .kruh-mobile-auth-engine__forgot,
  body.page-login .kruh-mobile-auth-engine__forgot,
  body.page-auth-login .kruh-mobile-auth-engine__forgot,
  body.page-auth.page-login .kruh-mobile-auth-engine__forgot{
    display:block!important;
    width:max-content!important;
    margin:12px auto 0!important;
    color:#1d4ed8!important;
    font-size:17px!important;
    line-height:1.25!important;
    font-weight:800!important;
    text-align:center!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.page-home .kruh-mobile-auth-engine__forgot:active,
  body.page-home-login .kruh-mobile-auth-engine__forgot:active,
  body.page-login .kruh-mobile-auth-engine__forgot:active{
    transform:translateY(1px)!important;
  }
  body.page-home .kruh-mobile-auth-engine__registerMain,
  body.page-home-login .kruh-mobile-auth-engine__registerMain,
  body.page-login .kruh-mobile-auth-engine__registerMain,
  body.page-auth-login .kruh-mobile-auth-engine__registerMain{
    letter-spacing:-.02em!important;
  }

  .agegate.open .agegate__actions .btn--ghost,
  .agegate.open .agegate__actions #ageGateNo{
    background:#fff!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    border:1.5px solid rgba(15,23,42,.72)!important;
    box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
    text-shadow:none!important;
    opacity:1!important;
  }

  body.topsearch-open .appbar[data-kruh-appbar="v2"] #topsearch.topsearch.is-mobile-open{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:calc(var(--appbar-h,72px) + env(safe-area-inset-top) + 10px)!important;
    width:auto!important;
    max-width:none!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:2147483647!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  body.topsearch-open .appbar[data-kruh-appbar="v2"] #topsearch.topsearch.is-mobile-open .topsearch__field{
    display:flex!important;
    align-items:center!important;
    min-height:62px!important;
    width:100%!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(203,213,225,.92)!important;
    box-shadow:0 18px 42px rgba(15,23,42,.20)!important;
    padding:0 16px!important;
    overflow:hidden!important;
  }
  body.topsearch-open .appbar[data-kruh-appbar="v2"] #topsearch.topsearch.is-mobile-open .topsearch__field > .topsearch__icon{
    display:inline-flex!important;
    flex:0 0 26px!important;
    width:26px!important;
    height:26px!important;
    color:#2563eb!important;
    margin-right:10px!important;
  }
  body.topsearch-open .appbar[data-kruh-appbar="v2"] #topsearch.topsearch.is-mobile-open .topsearch__field > input.topsearch__inp{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    height:60px!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    font-size:19px!important;
    line-height:60px!important;
    font-weight:700!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body.topsearch-open .appbar[data-kruh-appbar="v2"] #topsearch.topsearch.is-mobile-open .topsearch__field > input.topsearch__inp::placeholder{
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    opacity:1!important;
  }
  body.topsearch-open #topSearchAbsoluteResultsV26.topsearch-v27-results{
    margin-top:78px!important;
  }
  body.kruh-mobile-keyboard-open.topsearch-open #topSearchAbsoluteResultsV26.topsearch-v27-results{
    margin-top:76px!important;
    max-height:min(34dvh,calc(var(--kruh-search-vh,100dvh) - var(--kruh-search-panel-top,96px) - 88px))!important;
  }
}


/* IG216.5_MOBILE_AUTH_FACEBOOK_PILL_UX_FINAL
   Clean Facebook-like mobile auth polish: no "Nemáš účet?" eyebrow, new account CTA copy,
   stronger pill buttons, stable register sheet animation, visible consent/search controls. */
@media (max-width:760px){
  body.page-home .kruh-mobile-auth-engine__eyebrow,
  body.page-home-login .kruh-mobile-auth-engine__eyebrow,
  body.page-login .kruh-mobile-auth-engine__eyebrow,
  body.page-auth-login .kruh-mobile-auth-engine__eyebrow,
  body.page-auth.page-login .kruh-mobile-auth-engine__eyebrow{
    display:none!important;
  }

  body.page-home .kruh-mobile-auth-engine__submit,
  body.page-home-login .kruh-mobile-auth-engine__submit,
  body.page-login .kruh-mobile-auth-engine__submit,
  body.page-auth-login .kruh-mobile-auth-engine__submit,
  body.page-auth.page-login .kruh-mobile-auth-engine__submit,
  body.page-register .register .btn,
  body.page-auth-register .register .btn,
  body.page-auth.page-register .register .btn,
  .agegate.open .agegate__actions .btn{
    border-radius:9999px!important;
    min-height:56px!important;
    transition:transform .16s ease, box-shadow .16s ease, filter .16s ease!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  body.page-home .kruh-mobile-auth-engine__submit:active,
  body.page-home-login .kruh-mobile-auth-engine__submit:active,
  body.page-login .kruh-mobile-auth-engine__submit:active,
  body.page-auth-login .kruh-mobile-auth-engine__submit:active,
  body.page-auth.page-login .kruh-mobile-auth-engine__submit:active,
  body.page-home .kruh-mobile-auth-engine__register:active,
  body.page-home-login .kruh-mobile-auth-engine__register:active,
  body.page-login .kruh-mobile-auth-engine__register:active,
  body.page-auth-login .kruh-mobile-auth-engine__register:active,
  .agegate.open .agegate__actions .btn:active{
    transform:scale(.985)!important;
    filter:saturate(1.04)!important;
  }

  body.page-home .kruh-mobile-auth-engine__register,
  body.page-home-login .kruh-mobile-auth-engine__register,
  body.page-login .kruh-mobile-auth-engine__register,
  body.page-auth-login .kruh-mobile-auth-engine__register,
  body.page-auth.page-login .kruh-mobile-auth-engine__register{
    min-height:56px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    grid-template-columns:none!important;
    grid-template-areas:none!important;
    gap:0!important;
    padding:0 22px!important;
    border-radius:9999px!important;
    text-align:center!important;
  }

  body.page-home .kruh-mobile-auth-engine__registerMain,
  body.page-home-login .kruh-mobile-auth-engine__registerMain,
  body.page-login .kruh-mobile-auth-engine__registerMain,
  body.page-auth-login .kruh-mobile-auth-engine__registerMain,
  body.page-auth.page-login .kruh-mobile-auth-engine__registerMain{
    display:block!important;
    grid-area:auto!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.015em!important;
  }

  body.page-home .kruh-mobile-auth-engine__registerSub,
  body.page-home-login .kruh-mobile-auth-engine__registerSub,
  body.page-login .kruh-mobile-auth-engine__registerSub,
  body.page-auth-login .kruh-mobile-auth-engine__registerSub,
  body.page-auth.page-login .kruh-mobile-auth-engine__registerSub,
  body.page-home .kruh-mobile-auth-engine__register i,
  body.page-home-login .kruh-mobile-auth-engine__register i,
  body.page-login .kruh-mobile-auth-engine__register i,
  body.page-auth-login .kruh-mobile-auth-engine__register i,
  body.page-auth.page-login .kruh-mobile-auth-engine__register i{
    display:none!important;
  }

  body.page-home .kruh-mobile-auth-engine__input,
  body.page-home-login .kruh-mobile-auth-engine__input,
  body.page-login .kruh-mobile-auth-engine__input,
  body.page-auth-login .kruh-mobile-auth-engine__input,
  body.page-auth.page-login .kruh-mobile-auth-engine__input{
    border-radius:20px!important;
  }

  body.kruh-auth-register-open.page-home .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.kruh-auth-register-open.page-home-login .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.kruh-auth-register-open.page-login .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register){
    transform:translateY(-14px) scale(.985)!important;
    opacity:.30!important;
    filter:blur(2.5px)!important;
  }

  body.page-home .kruh-mobile-auth-engine--register,
  body.page-home-login .kruh-mobile-auth-engine--register,
  body.page-login .kruh-mobile-auth-engine--register{
    border-radius:34px 34px 0 0!important;
    transition:transform .36s cubic-bezier(.2,1,.28,1), opacity .24s ease, visibility 0s linear .36s!important;
  }

  .agegate.open .agegate__actions #ageGateNo,
  .agegate.open .agegate__actions .btn--ghost{
    font-weight:900!important;
    border-radius:9999px!important;
    background:#ffffff!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
  }

  body.topsearch-open .appbar[data-kruh-appbar="v2"] #topsearch.topsearch.is-mobile-open .topsearch__field{
    border-radius:9999px!important;
    min-height:58px!important;
    background:#fff!important;
    border:1.5px solid rgba(37,99,235,.32)!important;
    box-shadow:0 18px 48px rgba(15,23,42,.22)!important;
  }
  body.topsearch-open .appbar[data-kruh-appbar="v2"] #topsearch.topsearch.is-mobile-open .topsearch__field > input.topsearch__inp{
    height:58px!important;
    line-height:58px!important;
    font-size:18px!important;
  }
}


/* IG216.6_AUTH_UX_POLISH_FINAL
   Final cosmetic mobile auth pass: premium focus glow, smoother tap feedback,
   softer placeholders, refined register sheet backdrop and safer visible search input.
   No structural auth/chat changes. */
@media (max-width:760px){
  body.page-home .kruh-mobile-auth-engine__input,
  body.page-home-login .kruh-mobile-auth-engine__input,
  body.page-login .kruh-mobile-auth-engine__input,
  body.page-auth-login .kruh-mobile-auth-engine__input,
  body.page-auth.page-login .kruh-mobile-auth-engine__input,
  body.page-register .register input,
  body.page-register .register select,
  body.page-register .register textarea,
  body.page-auth-register .register input,
  body.page-auth-register .register select,
  body.page-auth-register .register textarea,
  body.page-auth.page-register .register input,
  body.page-auth.page-register .register select,
  body.page-auth.page-register .register textarea,
  body.page-home-register .register input,
  body.page-home-register .register select,
  body.page-home-register .register textarea{
    transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease, transform .16s ease!important;
  }

  body.page-home .kruh-mobile-auth-engine__input:focus,
  body.page-home-login .kruh-mobile-auth-engine__input:focus,
  body.page-login .kruh-mobile-auth-engine__input:focus,
  body.page-auth-login .kruh-mobile-auth-engine__input:focus,
  body.page-auth.page-login .kruh-mobile-auth-engine__input:focus,
  body.page-home .pwfield:focus-within .kruh-mobile-auth-engine__input,
  body.page-home-login .pwfield:focus-within .kruh-mobile-auth-engine__input,
  body.page-login .pwfield:focus-within .kruh-mobile-auth-engine__input,
  body.page-auth-login .pwfield:focus-within .kruh-mobile-auth-engine__input,
  body.page-auth.page-login .pwfield:focus-within .kruh-mobile-auth-engine__input,
  body.page-register .register input:focus,
  body.page-register .register select:focus,
  body.page-register .register textarea:focus,
  body.page-auth-register .register input:focus,
  body.page-auth-register .register select:focus,
  body.page-auth-register .register textarea:focus,
  body.page-auth.page-register .register input:focus,
  body.page-auth.page-register .register select:focus,
  body.page-auth.page-register .register textarea:focus,
  body.page-home-register .register input:focus,
  body.page-home-register .register select:focus,
  body.page-home-register .register textarea:focus{
    border-color:rgba(37,99,235,.56)!important;
    box-shadow:0 0 0 4px rgba(37,99,235,.13),0 14px 30px rgba(37,99,235,.08)!important;
    outline:0!important;
  }

  body.page-home .kruh-mobile-auth-engine__input::placeholder,
  body.page-home-login .kruh-mobile-auth-engine__input::placeholder,
  body.page-login .kruh-mobile-auth-engine__input::placeholder,
  body.page-auth-login .kruh-mobile-auth-engine__input::placeholder,
  body.page-auth.page-login .kruh-mobile-auth-engine__input::placeholder,
  body.page-register .register input::placeholder,
  body.page-register .register textarea::placeholder,
  body.page-auth-register .register input::placeholder,
  body.page-auth-register .register textarea::placeholder,
  body.page-auth.page-register .register input::placeholder,
  body.page-auth.page-register .register textarea::placeholder,
  body.page-home-register .register input::placeholder,
  body.page-home-register .register textarea::placeholder{
    color:#7b8798!important;
    -webkit-text-fill-color:#7b8798!important;
    opacity:1!important;
  }

  body.page-home .kruh-mobile-auth-engine__submit,
  body.page-home-login .kruh-mobile-auth-engine__submit,
  body.page-login .kruh-mobile-auth-engine__submit,
  body.page-auth-login .kruh-mobile-auth-engine__submit,
  body.page-auth.page-login .kruh-mobile-auth-engine__submit,
  body.page-home .kruh-mobile-auth-engine__register,
  body.page-home-login .kruh-mobile-auth-engine__register,
  body.page-login .kruh-mobile-auth-engine__register,
  body.page-auth-login .kruh-mobile-auth-engine__register,
  body.page-auth.page-login .kruh-mobile-auth-engine__register,
  body.page-register .register .btn,
  body.page-auth-register .register .btn,
  body.page-auth.page-register .register .btn,
  .agegate.open .agegate__actions .btn{
    will-change:transform,filter,box-shadow!important;
    transition:transform .13s cubic-bezier(.2,.8,.2,1), box-shadow .16s ease, filter .16s ease!important;
  }

  body.page-home .kruh-mobile-auth-engine__submit:active,
  body.page-home-login .kruh-mobile-auth-engine__submit:active,
  body.page-login .kruh-mobile-auth-engine__submit:active,
  body.page-auth-login .kruh-mobile-auth-engine__submit:active,
  body.page-auth.page-login .kruh-mobile-auth-engine__submit:active,
  body.page-home .kruh-mobile-auth-engine__register:active,
  body.page-home-login .kruh-mobile-auth-engine__register:active,
  body.page-login .kruh-mobile-auth-engine__register:active,
  body.page-auth-login .kruh-mobile-auth-engine__register:active,
  body.page-auth.page-login .kruh-mobile-auth-engine__register:active,
  body.page-register .register .btn:active,
  body.page-auth-register .register .btn:active,
  body.page-auth.page-register .register .btn:active,
  .agegate.open .agegate__actions .btn:active{
    transform:scale(.982)!important;
    filter:saturate(1.06) brightness(.985)!important;
  }

  body.kruh-auth-register-open::before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    z-index:2147482400!important;
    pointer-events:none!important;
    background:rgba(15,23,42,.10)!important;
    -webkit-backdrop-filter:blur(3px)!important;
    backdrop-filter:blur(3px)!important;
    opacity:1!important;
    transition:opacity .22s ease!important;
  }
  body.kruh-auth-register-closing::before{opacity:0!important;}

  body.page-home .kruh-mobile-auth-engine--register,
  body.page-home-login .kruh-mobile-auth-engine--register,
  body.page-login .kruh-mobile-auth-engine--register{
    box-shadow:0 -32px 96px rgba(15,23,42,.26),0 0 0 1px rgba(148,163,184,.30)!important;
  }

  body.topsearch-open .appbar[data-kruh-appbar="v2"] #topsearch.topsearch.is-mobile-open .topsearch__field,
  body.topsearch-open #topsearch.topsearch.is-mobile-open .topsearch__field{
    border-color:rgba(37,99,235,.42)!important;
    box-shadow:0 0 0 4px rgba(37,99,235,.10),0 18px 48px rgba(15,23,42,.22)!important;
  }
  body.topsearch-open .appbar[data-kruh-appbar="v2"] #topsearch.topsearch.is-mobile-open .topsearch__field > input.topsearch__inp:focus,
  body.topsearch-open #topsearch.topsearch.is-mobile-open .topsearch__field > input.topsearch__inp:focus{
    outline:0!important;
  }
}


/* IG216.7_AUTH_FINAL_SPACING_CLEANUP
   Final mobile auth cleanup: login CTA stays inside the panel with deeper Facebook-like spacing,
   submit copy is "Prihlásiť sa", register bottom duplicate login link is removed in markup,
   register title section is more compact and bottom links wrap cleanly. */
@media (max-width:760px){
  body.page-home .kruh-mobile-auth-engine__card,
  body.page-home-login .kruh-mobile-auth-engine__card,
  body.page-login .kruh-mobile-auth-engine__card,
  body.page-auth-login .kruh-mobile-auth-engine__card,
  body.page-auth.page-login .kruh-mobile-auth-engine__card{
    padding-bottom:32px!important;
  }

  body.page-home .kruh-mobile-auth-engine__cta,
  body.page-home-login .kruh-mobile-auth-engine__cta,
  body.page-login .kruh-mobile-auth-engine__cta,
  body.page-auth-login .kruh-mobile-auth-engine__cta,
  body.page-auth.page-login .kruh-mobile-auth-engine__cta{
    margin-top:clamp(46px,6.5svh,68px)!important;
    padding-top:0!important;
  }

  body.page-home .kruh-mobile-auth-engine__register,
  body.page-home-login .kruh-mobile-auth-engine__register,
  body.page-login .kruh-mobile-auth-engine__register,
  body.page-auth-login .kruh-mobile-auth-engine__register,
  body.page-auth.page-login .kruh-mobile-auth-engine__register{
    width:100%!important;
    min-height:58px!important;
  }

  body.page-home .kruh-mobile-auth-engine__forgot,
  body.page-home-login .kruh-mobile-auth-engine__forgot,
  body.page-login .kruh-mobile-auth-engine__forgot,
  body.page-auth-login .kruh-mobile-auth-engine__forgot,
  body.page-auth.page-login .kruh-mobile-auth-engine__forgot{
    margin-top:18px!important;
  }

  body.page-home .kruh-mobile-auth-engine--register .kruh-mobile-auth-engine__card--register,
  body.page-home-login .kruh-mobile-auth-engine--register .kruh-mobile-auth-engine__card--register,
  body.page-login .kruh-mobile-auth-engine--register .kruh-mobile-auth-engine__card--register,
  body.kruh-auth-register-open .kruh-mobile-auth-engine--register .kruh-mobile-auth-engine__card--register,
  body.page-register .kruh-mobile-auth-engine__card--register,
  body.page-auth-register .kruh-mobile-auth-engine__card--register,
  body.page-auth.page-register .kruh-mobile-auth-engine__card--register,
  body.page-home-register .kruh-mobile-auth-engine__card--register{
    padding-top:18px!important;
  }

  body.page-home .kruh-mobile-auth-engine--register .mobile-auth-switch-head,
  body.page-home-login .kruh-mobile-auth-engine--register .mobile-auth-switch-head,
  body.page-login .kruh-mobile-auth-engine--register .mobile-auth-switch-head,
  body.page-register .mobile-auth-switch-head,
  body.page-auth-register .mobile-auth-switch-head,
  body.page-auth.page-register .mobile-auth-switch-head,
  body.page-home-register .mobile-auth-switch-head{
    margin-bottom:10px!important;
  }

  body.page-home .kruh-mobile-auth-engine--register #registerTitle,
  body.page-home-login .kruh-mobile-auth-engine--register #registerTitle,
  body.page-login .kruh-mobile-auth-engine--register #registerTitle,
  body.page-register #registerTitle,
  body.page-auth-register #registerTitle,
  body.page-auth.page-register #registerTitle,
  body.page-home-register #registerTitle{
    margin:0 0 8px!important;
  }

  body.page-home .kruh-mobile-auth-engine--register #registerTitle + .muted,
  body.page-home-login .kruh-mobile-auth-engine--register #registerTitle + .muted,
  body.page-login .kruh-mobile-auth-engine--register #registerTitle + .muted,
  body.page-register #registerTitle + .muted,
  body.page-auth-register #registerTitle + .muted,
  body.page-auth.page-register #registerTitle + .muted,
  body.page-home-register #registerTitle + .muted{
    margin:0 0 20px!important;
  }

  .register__links{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    margin-top:18px!important;
    text-align:center!important;
    line-height:1.25!important;
  }
  .register__links span{display:none!important;}
  .register__links a{
    display:block!important;
    text-align:center!important;
    text-decoration:none!important;
  }
}


/* IG216.8_AUTH_REGISTER_LINK_CTA_SPACING_FINAL
   Final mobile auth cosmetics: keep account CTA inside card, move it lower, and simplify register bottom links. */
@media (max-width:760px){
  body.page-home .kruh-mobile-auth-engine__card,
  body.page-home-login .kruh-mobile-auth-engine__card,
  body.page-login .kruh-mobile-auth-engine__card,
  body.page-auth-login .kruh-mobile-auth-engine__card,
  body.page-auth.page-login .kruh-mobile-auth-engine__card{
    padding-bottom:clamp(34px,5.5svh,54px)!important;
  }

  body.page-home .kruh-mobile-auth-engine__cta,
  body.page-home-login .kruh-mobile-auth-engine__cta,
  body.page-login .kruh-mobile-auth-engine__cta,
  body.page-auth-login .kruh-mobile-auth-engine__cta,
  body.page-auth.page-login .kruh-mobile-auth-engine__cta{
    margin-top:clamp(76px,10.5svh,112px)!important;
    padding-top:0!important;
  }

  body.page-home .kruh-mobile-auth-engine__register,
  body.page-home-login .kruh-mobile-auth-engine__register,
  body.page-login .kruh-mobile-auth-engine__register,
  body.page-auth-login .kruh-mobile-auth-engine__register,
  body.page-auth.page-login .kruh-mobile-auth-engine__register{
    margin-top:0!important;
  }

  body.page-home .kruh-mobile-auth-engine__forgot,
  body.page-home-login .kruh-mobile-auth-engine__forgot,
  body.page-login .kruh-mobile-auth-engine__forgot,
  body.page-auth-login .kruh-mobile-auth-engine__forgot,
  body.page-auth.page-login .kruh-mobile-auth-engine__forgot{
    margin-top:clamp(20px,3svh,28px)!important;
    margin-bottom:0!important;
  }

  body.page-home .kruh-mobile-auth-engine--register #registerTitle + .muted,
  body.page-home-login .kruh-mobile-auth-engine--register #registerTitle + .muted,
  body.page-login .kruh-mobile-auth-engine--register #registerTitle + .muted,
  body.page-register #registerTitle + .muted,
  body.page-auth-register #registerTitle + .muted,
  body.page-auth.page-register #registerTitle + .muted,
  body.page-home-register #registerTitle + .muted{
    margin:0 0 14px!important;
  }

  .register__links.register__links--activation-only{
    gap:0!important;
    margin-top:16px!important;
  }
}


/* IG216.9_DESKTOP_AUTH_LAYOUT_REPAIR
   Desktop rollback-safe repair after mobile auth polish:
   - hide mobile login engine on desktop so the desktop landing/register layout is not duplicated at top;
   - keep desktop register card in the hero grid;
   - use native compact selects on desktop and neutralize leftover pretty-select/proxy UI;
   - mobile auth spacing from IG216.8 remains unchanged. */
@media (min-width:761px){
  body.page-home > .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.page-home-login > .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.page-login > .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.page-auth-login > .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register),
  body.page-auth.page-login > .kruh-mobile-auth-engine:not(.kruh-mobile-auth-engine--register){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.page-home .hero-grid,
  body.page-home-register .hero-grid,
  body.page-register .hero-grid,
  body.page-auth-register .hero-grid,
  body.page-auth.page-register .hero-grid{
    display:grid!important;
    grid-template-columns:minmax(520px,1fr) minmax(360px,560px)!important;
    align-items:start!important;
    gap:clamp(42px,6vw,96px)!important;
    max-width:1440px!important;
    margin:0 auto!important;
  }

  body.page-home .kruh-mobile-auth-engine--register,
  body.page-home-register .kruh-mobile-auth-engine--register,
  body.page-register .kruh-mobile-auth-engine--register,
  body.page-auth-register .kruh-mobile-auth-engine--register,
  body.page-auth.page-register .kruh-mobile-auth-engine--register{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:560px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
  }

  body.page-home .kruh-mobile-auth-engine__card--register,
  body.page-home-register .kruh-mobile-auth-engine__card--register,
  body.page-register .kruh-mobile-auth-engine__card--register,
  body.page-auth-register .kruh-mobile-auth-engine__card--register,
  body.page-auth.page-register .kruh-mobile-auth-engine__card--register{
    width:100%!important;
    max-width:560px!important;
    margin:0!important;
    padding:28px 28px 30px!important;
    border-radius:22px!important;
    background:#fff!important;
    border:1px solid rgba(203,213,225,.78)!important;
    box-shadow:0 24px 70px rgba(15,23,42,.10)!important;
    overflow:visible!important;
  }

  body.page-home .kruh-mobile-auth-engine__card--register .birthdate-selects,
  body.page-home-register .kruh-mobile-auth-engine__card--register .birthdate-selects,
  body.page-register .kruh-mobile-auth-engine__card--register .birthdate-selects,
  body.page-auth-register .kruh-mobile-auth-engine__card--register .birthdate-selects,
  body.page-auth.page-register .kruh-mobile-auth-engine__card--register .birthdate-selects{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }

  body.page-home .kruh-mobile-auth-engine__card--register select.inp,
  body.page-home-register .kruh-mobile-auth-engine__card--register select.inp,
  body.page-register .kruh-mobile-auth-engine__card--register select.inp,
  body.page-auth-register .kruh-mobile-auth-engine__card--register select.inp,
  body.page-auth.page-register .kruh-mobile-auth-engine__card--register select.inp{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:0 14px!important;
    border-radius:13px!important;
    border:1px solid rgba(203,213,225,.92)!important;
    background:#fff!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:48px!important;
    box-shadow:none!important;
    appearance:auto!important;
    -webkit-appearance:auto!important;
  }

  body.page-home .kruh-mobile-auth-engine__card--register .kruh-pretty-select,
  body.page-home-register .kruh-mobile-auth-engine__card--register .kruh-pretty-select,
  body.page-register .kruh-mobile-auth-engine__card--register .kruh-pretty-select,
  body.page-auth-register .kruh-mobile-auth-engine__card--register .kruh-pretty-select,
  body.page-auth.page-register .kruh-mobile-auth-engine__card--register .kruh-pretty-select{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.page-home .kruh-mobile-auth-engine__card--register select.kruh-select-native,
  body.page-home-register .kruh-mobile-auth-engine__card--register select.kruh-select-native,
  body.page-register .kruh-mobile-auth-engine__card--register select.kruh-select-native,
  body.page-auth-register .kruh-mobile-auth-engine__card--register select.kruh-select-native,
  body.page-auth.page-register .kruh-mobile-auth-engine__card--register select.kruh-select-native{
    position:static!important;
    width:100%!important;
    height:48px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    clip:auto!important;
    clip-path:none!important;
    transform:none!important;
  }

  body.page-home .kruh-mobile-auth-engine__card--register .register__links,
  body.page-home-register .kruh-mobile-auth-engine__card--register .register__links,
  body.page-register .kruh-mobile-auth-engine__card--register .register__links,
  body.page-auth-register .kruh-mobile-auth-engine__card--register .register__links,
  body.page-auth.page-register .kruh-mobile-auth-engine__card--register .register__links{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:8px!important;
    margin-top:18px!important;
    text-align:center!important;
  }
}

/* IG216.10_DESKTOP_AUTH_NAVBAR_BIRTH_GENDER_FIX
   Desktop-only repair after IG216.9: restore navbar login, keep mobile auth animations untouched,
   and narrow the birthdate/gender controls with native select symbols. */
@media (max-width:760px){
  body.page-home .kruh-desktop-topbar-login,
  body.page-home-login .kruh-desktop-topbar-login,
  body.page-login .kruh-desktop-topbar-login,
  body.page-home-register .kruh-desktop-topbar-login,
  body.page-register .kruh-desktop-topbar-login,
  body.page-auth-login .kruh-desktop-topbar-login,
  body.page-auth-register .kruh-desktop-topbar-login,
  body.page-auth .kruh-desktop-topbar-login{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}

@media (min-width:761px){
  body.page-home .topbar__inner,
  body.page-home-login .topbar__inner,
  body.page-login .topbar__inner,
  body.page-auth-login .topbar__inner{
    min-height:72px!important;
    height:72px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
  }

  body.page-home .topbar__theme,
  body.page-home-login .topbar__theme,
  body.page-login .topbar__theme,
  body.page-auth-login .topbar__theme{
    order:2!important;
    flex:0 0 auto!important;
  }

  body.page-home .kruh-desktop-topbar-login,
  body.page-home-login .kruh-desktop-topbar-login,
  body.page-login .kruh-desktop-topbar-login,
  body.page-auth-login .kruh-desktop-topbar-login{
    order:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    margin-left:auto!important;
    width:auto!important;
    max-width:min(760px,58vw)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-login .kruh-desktop-topbar-login__input,
  body.page-auth-login .kruh-desktop-topbar-login__input{
    width:clamp(168px,15vw,220px)!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 13px!important;
    border-radius:12px!important;
    border:1px solid rgba(203,213,225,.92)!important;
    background:rgba(255,255,255,.96)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:42px!important;
    box-shadow:0 8px 20px rgba(15,23,42,.055)!important;
  }

  body.page-home .kruh-desktop-topbar-login__submit,
  body.page-home-login .kruh-desktop-topbar-login__submit,
  body.page-login .kruh-desktop-topbar-login__submit,
  body.page-auth-login .kruh-desktop-topbar-login__submit{
    flex:0 0 auto!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 18px!important;
    border-radius:12px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
  }

  body.page-home .kruh-mobile-auth-engine__card--register .register-birth-stack__birth,
  body.page-home-register .kruh-mobile-auth-engine__card--register .register-birth-stack__birth,
  body.page-register .kruh-mobile-auth-engine__card--register .register-birth-stack__birth,
  body.page-auth-register .kruh-mobile-auth-engine__card--register .register-birth-stack__birth,
  body.page-auth.page-register .kruh-mobile-auth-engine__card--register .register-birth-stack__birth{
    width:100%!important;
    max-width:354px!important;
    margin-left:0!important;
    margin-right:auto!important;
  }

  body.page-home .kruh-mobile-auth-engine__card--register .birthdate-selects,
  body.page-home-register .kruh-mobile-auth-engine__card--register .birthdate-selects,
  body.page-register .kruh-mobile-auth-engine__card--register .birthdate-selects,
  body.page-auth-register .kruh-mobile-auth-engine__card--register .birthdate-selects,
  body.page-auth.page-register .kruh-mobile-auth-engine__card--register .birthdate-selects{
    width:354px!important;
    max-width:100%!important;
    grid-template-columns:86px 138px 106px!important;
    gap:12px!important;
    margin-left:0!important;
    margin-right:auto!important;
  }

  body.page-home .kruh-mobile-auth-engine__card--register select[name="birth_day"],
  body.page-home-register .kruh-mobile-auth-engine__card--register select[name="birth_day"],
  body.page-register .kruh-mobile-auth-engine__card--register select[name="birth_day"],
  body.page-auth-register .kruh-mobile-auth-engine__card--register select[name="birth_day"],
  body.page-auth.page-register .kruh-mobile-auth-engine__card--register select[name="birth_day"]{
    width:86px!important;
    max-width:86px!important;
  }

  body.page-home .kruh-mobile-auth-engine__card--register select[name="birth_month"],
  body.page-home-register .kruh-mobile-auth-engine__card--register select[name="birth_month"],
  body.page-register .kruh-mobile-auth-engine__card--register select[name="birth_month"],
  body.page-auth-register .kruh-mobile-auth-engine__card--register select[name="birth_month"],
  body.page-auth.page-register .kruh-mobile-auth-engine__card--register select[name="birth_month"]{
    width:138px!important;
    max-width:138px!important;
  }

  body.page-home .kruh-mobile-auth-engine__card--register select[name="birth_year"],
  body.page-home-register .kruh-mobile-auth-engine__card--register select[name="birth_year"],
  body.page-register .kruh-mobile-auth-engine__card--register select[name="birth_year"],
  body.page-auth-register .kruh-mobile-auth-engine__card--register select[name="birth_year"],
  body.page-auth.page-register .kruh-mobile-auth-engine__card--register select[name="birth_year"]{
    width:106px!important;
    max-width:106px!important;
  }

  body.page-home .kruh-mobile-auth-engine__card--register .register-birth-stack__gender,
  body.page-home-register .kruh-mobile-auth-engine__card--register .register-birth-stack__gender,
  body.page-register .kruh-mobile-auth-engine__card--register .register-birth-stack__gender,
  body.page-auth-register .kruh-mobile-auth-engine__card--register .register-birth-stack__gender,
  body.page-auth.page-register .kruh-mobile-auth-engine__card--register .register-birth-stack__gender{
    width:156px!important;
    max-width:156px!important;
    margin-left:0!important;
    margin-right:auto!important;
  }

  body.page-home .kruh-mobile-auth-engine__card--register select[name="gender"],
  body.page-home-register .kruh-mobile-auth-engine__card--register select[name="gender"],
  body.page-register .kruh-mobile-auth-engine__card--register select[name="gender"],
  body.page-auth-register .kruh-mobile-auth-engine__card--register select[name="gender"],
  body.page-auth.page-register .kruh-mobile-auth-engine__card--register select[name="gender"]{
    width:156px!important;
    max-width:156px!important;
  }
}

@media (min-width:761px) and (max-width:1380px){
  body.page-home .kruh-desktop-topbar-login,
  body.page-home-login .kruh-desktop-topbar-login,
  body.page-login .kruh-desktop-topbar-login,
  body.page-auth-login .kruh-desktop-topbar-login{
    gap:8px!important;
    max-width:620px!important;
  }

  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-login .kruh-desktop-topbar-login__input,
  body.page-auth-login .kruh-desktop-topbar-login__input{
    width:168px!important;
  }

  body.page-home .kruh-desktop-topbar-login__submit,
  body.page-home-login .kruh-desktop-topbar-login__submit,
  body.page-login .kruh-desktop-topbar-login__submit,
  body.page-auth-login .kruh-desktop-topbar-login__submit{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}


/* IG216.11_DESKTOP_AUTH_VISUAL_LOGIN_RESTORE
   Desktop-only stabilization: restores the navbar login to the previous premium visual
   form classes, keeps mobile IG216 auth animations untouched, and moves desktop auth
   content safely below the navbar at 1366/1440/1920/ultrawide widths. */
@media (max-width:760px){
  body.page-home .kruh-desktop-topbar-login,
  body.page-home-login .kruh-desktop-topbar-login,
  body.page-home-register .kruh-desktop-topbar-login,
  body.page-login .kruh-desktop-topbar-login,
  body.page-auth-login .kruh-desktop-topbar-login,
  body.page-auth-register .kruh-desktop-topbar-login{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}

@media (min-width:761px){
  body.page-home .topbar.topbar--home#login,
  body.page-home-login .topbar.topbar--home#login,
  body.page-home-register .topbar.topbar--home#login{
    position:sticky!important;
    top:0!important;
    width:100%!important;
    min-height:88px!important;
    height:88px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 54%,#1e40af 100%)!important;
    border-bottom:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 14px 34px rgba(37,99,235,.22)!important;
    z-index:80!important;
    overflow:visible!important;
  }

  body.page-home .topbar__inner,
  body.page-home-login .topbar__inner,
  body.page-home-register .topbar__inner{
    width:100%!important;
    max-width:1380px!important;
    min-height:88px!important;
    height:88px!important;
    margin:0 auto!important;
    padding:0 clamp(24px,4vw,52px)!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
  }

  body.page-home .kruh-logo,
  body.page-home-login .kruh-logo,
  body.page-home-register .kruh-logo{
    order:1!important;
    flex:0 0 auto!important;
    margin:0!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 10px 24px rgba(15,23,42,.24)!important;
    opacity:1!important;
    visibility:visible!important;
  }

  body.page-home .kruh-logo__wordmark,
  body.page-home-login .kruh-logo__wordmark,
  body.page-home-register .kruh-logo__wordmark{
    font-size:22px!important;
    line-height:1!important;
    letter-spacing:-.04em!important;
  }

  body.page-home .kruh-logo__submark,
  body.page-home-login .kruh-logo__submark,
  body.page-home-register .kruh-logo__submark{
    font-size:12px!important;
    letter-spacing:.42em!important;
    color:rgba(255,255,255,.72)!important;
    -webkit-text-fill-color:rgba(255,255,255,.72)!important;
  }

  body.page-home .topbar__theme,
  body.page-home-login .topbar__theme,
  body.page-home-register .topbar__theme{
    order:2!important;
    position:static!important;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    margin-left:8px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.28)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 24px rgba(15,23,42,.13)!important;
  }

  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    order:3!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    flex:1 1 auto!important;
    width:auto!important;
    max-width:min(780px,58vw)!important;
    margin-left:auto!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.page-home .topbar__loginCard,
  body.page-home-login .topbar__loginCard,
  body.page-home-register .topbar__loginCard{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    display:grid!important;
    grid-template-columns:minmax(190px,1fr) minmax(168px,.86fr) auto!important;
    align-items:center!important;
    justify-content:end!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.page-home .topbar__loginRow .home-login__inp,
  body.page-home-login .topbar__loginRow .home-login__inp,
  body.page-home-register .topbar__loginRow .home-login__inp,
  body.page-home .topbar__loginRow .pwfield--sm,
  body.page-home-login .topbar__loginRow .pwfield--sm,
  body.page-home-register .topbar__loginRow .pwfield--sm{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    margin:0!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.54)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,255,.95))!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    box-shadow:0 12px 26px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.92)!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:46px!important;
  }

  body.page-home .topbar__loginRow .home-login__inp,
  body.page-home-login .topbar__loginRow .home-login__inp,
  body.page-home-register .topbar__loginRow .home-login__inp{
    padding:0 15px!important;
  }

  body.page-home .topbar__loginRow .pwfield--sm,
  body.page-home-login .topbar__loginRow .pwfield--sm,
  body.page-home-register .topbar__loginRow .pwfield--sm{
    position:relative!important;
    display:block!important;
    overflow:visible!important;
  }

  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp{
    padding:0 44px 0 15px!important;
  }

  body.page-home .topbar__loginRow .pwfield__toggle,
  body.page-home-login .topbar__loginRow .pwfield__toggle,
  body.page-home-register .topbar__loginRow .pwfield__toggle{
    position:absolute!important;
    right:8px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.page-home .topbar__loginRow .home-login__inp:focus,
  body.page-home-login .topbar__loginRow .home-login__inp:focus,
  body.page-home-register .topbar__loginRow .home-login__inp:focus{
    outline:none!important;
    border-color:rgba(191,219,254,.98)!important;
    box-shadow:0 0 0 3px rgba(191,219,254,.28),0 14px 30px rgba(15,23,42,.14)!important;
  }

  body.page-home .topbar__loginRow .home-login__btn,
  body.page-home-login .topbar__loginRow .home-login__btn,
  body.page-home-register .topbar__loginRow .home-login__btn{
    width:auto!important;
    min-width:132px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    margin:0!important;
    padding:0 20px!important;
    border-radius:14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    font-size:14px!important;
    font-weight:950!important;
    line-height:1!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:linear-gradient(135deg,#60a5fa,#3b82f6)!important;
    border:1px solid rgba(255,255,255,.24)!important;
    box-shadow:0 14px 28px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.22)!important;
  }

  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg{
    padding-top:26px!important;
  }
}

@media (min-width:761px) and (max-width:1380px){
  body.page-home .topbar__inner,
  body.page-home-login .topbar__inner,
  body.page-home-register .topbar__inner{
    padding-left:clamp(18px,2.6vw,34px)!important;
    padding-right:clamp(18px,2.6vw,34px)!important;
    gap:10px!important;
  }

  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:620px!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:178px 158px auto!important;
    gap:8px!important;
  }

  body.page-home .topbar__loginRow .home-login__btn,
  body.page-home-login .topbar__loginRow .home-login__btn,
  body.page-home-register .topbar__loginRow .home-login__btn{
    min-width:116px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

@media (min-width:1180px){
  body.page-home .home-register-inline .register .kruh-pretty-select__icon[data-gender-icon="female"],
  body.page-home .home-register-inline .register .kruh-pretty-select__option-icon[data-gender-icon="female"]{
    position:relative!important;
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    border:2px solid #e85d9a!important;
    border-radius:50%!important;
    color:transparent!important;
    font-size:0!important;
    box-shadow:0 0 0 4px rgba(232,93,154,.10)!important;
  }
  body.page-home .home-register-inline .register .kruh-pretty-select__icon[data-gender-icon="female"]::before,
  body.page-home .home-register-inline .register .kruh-pretty-select__option-icon[data-gender-icon="female"]::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    bottom:-8px!important;
    width:2px!important;
    height:8px!important;
    transform:translateX(-50%)!important;
    background:#e85d9a!important;
    border-radius:999px!important;
  }
  body.page-home .home-register-inline .register .kruh-pretty-select__icon[data-gender-icon="female"]::after,
  body.page-home .home-register-inline .register .kruh-pretty-select__option-icon[data-gender-icon="female"]::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    bottom:-5px!important;
    width:10px!important;
    height:2px!important;
    transform:translateX(-50%)!important;
    background:#e85d9a!important;
    border-radius:999px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__icon[data-gender-icon="male"],
  body.page-home .home-register-inline .register .kruh-pretty-select__option-icon[data-gender-icon="male"]{
    position:relative!important;
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    border:2px solid #2563eb!important;
    border-radius:50%!important;
    color:transparent!important;
    font-size:0!important;
    box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
  }
  body.page-home .home-register-inline .register .kruh-pretty-select__icon[data-gender-icon="male"]::before,
  body.page-home .home-register-inline .register .kruh-pretty-select__option-icon[data-gender-icon="male"]::before{
    content:""!important;
    position:absolute!important;
    right:-7px!important;
    top:-7px!important;
    width:10px!important;
    height:2px!important;
    background:#2563eb!important;
    border-radius:999px!important;
    transform:rotate(-45deg)!important;
    transform-origin:right center!important;
  }
  body.page-home .home-register-inline .register .kruh-pretty-select__icon[data-gender-icon="male"]::after,
  body.page-home .home-register-inline .register .kruh-pretty-select__option-icon[data-gender-icon="male"]::after{
    content:""!important;
    position:absolute!important;
    right:-8px!important;
    top:-9px!important;
    width:7px!important;
    height:7px!important;
    border-top:2px solid #2563eb!important;
    border-right:2px solid #2563eb!important;
  }
}

/* IG216.12 — desktop auth navbar proportional visual login + lower hero offset + visual gender buttons. */
@media (min-width:761px){
  body.page-home .topbar,
  body.page-home-login .topbar,
  body.page-home-register .topbar{
    min-height:86px!important;
    box-shadow:0 18px 38px rgba(15,45,140,.18), inset 0 -1px 0 rgba(255,255,255,.16)!important;
  }

  body.page-home .topbar__inner,
  body.page-home-login .topbar__inner,
  body.page-home-register .topbar__inner{
    min-height:86px!important;
    align-items:center!important;
  }

  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:min(760px,56vw)!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:minmax(248px,1fr) minmax(218px,.92fr) auto!important;
    gap:12px!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    height:42px!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(237,244,255,.88))!important;
    border:1px solid rgba(255,255,255,.50)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 10px 24px rgba(15,40,110,.18),0 0 0 1px rgba(59,130,246,.10)!important;
    overflow:hidden!important;
  }

  body.page-home .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field:focus-within{
    border-color:rgba(191,219,254,.98)!important;
    box-shadow:0 0 0 3px rgba(147,197,253,.24),0 14px 28px rgba(15,40,110,.20),inset 0 1px 0 rgba(255,255,255,.94)!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon,
  body.page-home-login .kruh-desktop-topbar-login__icon,
  body.page-home-register .kruh-desktop-topbar-login__icon{
    position:absolute!important;
    left:18px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:2!important;
    width:20px!important;
    height:20px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#1d4ed8!important;
    -webkit-text-fill-color:#1d4ed8!important;
    opacity:.92!important;
    font-size:14px!important;
    pointer-events:none!important;
  }

  body.page-home .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-home-login .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-home-register .topbar__loginRow .kruh-desktop-topbar-login__input{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    width:100%!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:13px!important;
    padding:0 13px 0 56px!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:42px!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
  }

  body.page-home .topbar__loginRow .kruh-desktop-topbar-login__pw .pwfield__inp,
  body.page-home-login .topbar__loginRow .kruh-desktop-topbar-login__pw .pwfield__inp,
  body.page-home-register .topbar__loginRow .kruh-desktop-topbar-login__pw .pwfield__inp{
    padding-left:42px!important;
    padding-right:42px!important;
  }

  body.page-home .topbar__loginRow .pwfield__toggle,
  body.page-home-login .topbar__loginRow .pwfield__toggle,
  body.page-home-register .topbar__loginRow .pwfield__toggle{
    right:5px!important;
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    color:#334155!important;
    -webkit-text-fill-color:#334155!important;
    opacity:.82!important;
  }

  body.page-home .topbar__loginRow .home-login__btn,
  body.page-home-login .topbar__loginRow .home-login__btn,
  body.page-home-register .topbar__loginRow .home-login__btn{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    min-width:118px!important;
    border-radius:12px!important;
    padding:0 18px!important;
    font-size:13px!important;
    background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 58%,#2563eb 100%)!important;
    box-shadow:0 12px 24px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.28)!important;
  }

  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg{
    padding-top:58px!important;
  }

  body.page-home .home-hero,
  body.page-home-login .home-hero,
  body.page-home-register .home-hero{
    margin-top:22px!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__options,
  body.page-home-register .home-register-inline .register .register-gender-visual__options,
  body.page-register .register-gender-visual__options{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:14px!important;
    width:100%!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__option,
  body.page-home-register .home-register-inline .register .register-gender-visual__option,
  body.page-register .register-gender-visual__option{
    position:relative!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.90))!important;
    border:1px solid rgba(148,163,184,.42)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.9)!important;
    cursor:pointer!important;
    user-select:none!important;
    transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__option--female,
  body.page-home-register .home-register-inline .register .register-gender-visual__option--female,
  body.page-register .register-gender-visual__option--female{
    color:#e11d48!important;
    -webkit-text-fill-color:#e11d48!important;
    border-color:rgba(244,114,182,.48)!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__option--male,
  body.page-home-register .home-register-inline .register .register-gender-visual__option--male,
  body.page-register .register-gender-visual__option--male{
    color:#2563eb!important;
    -webkit-text-fill-color:#2563eb!important;
    border-color:rgba(96,165,250,.62)!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__icon,
  body.page-home-register .home-register-inline .register .register-gender-visual__icon,
  body.page-register .register-gender-visual__icon{
    font-size:21px!important;
    font-weight:900!important;
    line-height:1!important;
    filter:drop-shadow(0 4px 8px rgba(15,23,42,.08))!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__text,
  body.page-home-register .home-register-inline .register .register-gender-visual__text,
  body.page-register .register-gender-visual__text{
    font-size:14px!important;
    font-weight:900!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__option:has(input:checked),
  body.page-home-register .home-register-inline .register .register-gender-visual__option:has(input:checked),
  body.page-register .register-gender-visual__option:has(input:checked){
    transform:translateY(-1px)!important;
    box-shadow:0 12px 24px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.94)!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__option--female:has(input:checked),
  body.page-home-register .home-register-inline .register .register-gender-visual__option--female:has(input:checked),
  body.page-register .register-gender-visual__option--female:has(input:checked){
    background:linear-gradient(180deg,rgba(255,241,246,.98),rgba(255,247,250,.92))!important;
    border-color:#fb7185!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__option--male:has(input:checked),
  body.page-home-register .home-register-inline .register .register-gender-visual__option--male:has(input:checked),
  body.page-register .register-gender-visual__option--male:has(input:checked){
    background:linear-gradient(180deg,rgba(239,246,255,.98),rgba(248,251,255,.92))!important;
    border-color:#3b82f6!important;
  }
}

@media (min-width:761px) and (max-width:1380px){
  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:600px!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:minmax(222px,1fr) minmax(196px,.88fr) auto!important;
    gap:10px!important;
  }

  body.page-home .topbar__loginRow .home-login__btn,
  body.page-home-login .topbar__loginRow .home-login__btn,
  body.page-home-register .topbar__loginRow .home-login__btn{
    min-width:108px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

@media (max-width:760px){
  body.page-home .register-gender-visual__options,
  body.page-home-register .register-gender-visual__options,
  body.page-register .register-gender-visual__options{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }

  body.page-home .register-gender-visual__option,
  body.page-home-register .register-gender-visual__option,
  body.page-register .register-gender-visual__option{
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border-radius:12px!important;
    border:1px solid rgba(148,163,184,.36)!important;
    background:#fff!important;
  }

  body.page-home .register-gender-visual__option--female,
  body.page-home-register .register-gender-visual__option--female,
  body.page-register .register-gender-visual__option--female{color:#e11d48!important;-webkit-text-fill-color:#e11d48!important;border-color:rgba(244,114,182,.44)!important}
  body.page-home .register-gender-visual__option--male,
  body.page-home-register .register-gender-visual__option--male,
  body.page-register .register-gender-visual__option--male{color:#2563eb!important;-webkit-text-fill-color:#2563eb!important;border-color:rgba(96,165,250,.56)!important}
  body.page-home .register-gender-visual__text,
  body.page-home-register .register-gender-visual__text,
  body.page-register .register-gender-visual__text{font-weight:900!important}
}

/* IG216.13 — desktop auth final visual alignment: premium navbar login, visual birth selects and gender buttons. */
@media (min-width: 761px){
  body.page-home .topbar,
  body.page-home-login .topbar,
  body.page-home-register .topbar{
    min-height: 88px!important;
    background: linear-gradient(135deg,#0b66f2 0%,#2563eb 48%,#1d4ed8 100%)!important;
    box-shadow: 0 18px 42px rgba(15,45,140,.22), inset 0 -1px 0 rgba(255,255,255,.18)!important;
  }

  body.page-home .topbar__inner,
  body.page-home-login .topbar__inner,
  body.page-home-register .topbar__inner{
    min-height: 88px!important;
    align-items: center!important;
  }

  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width: min(820px,58vw)!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns: minmax(270px,1fr) minmax(230px,.9fr) auto!important;
    gap: 12px!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field{
    height: 44px!important;
    border-radius: 14px!important;
    background:
      radial-gradient(circle at 18% 0%,rgba(255,255,255,.96),rgba(255,255,255,0) 42%),
      linear-gradient(180deg,rgba(255,255,255,.86),rgba(226,238,255,.42))!important;
    border: 1px solid rgba(191,219,254,.46)!important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.48),0 0 0 1px rgba(255,255,255,.08),0 13px 28px rgba(6,35,112,.20)!important;
    backdrop-filter: blur(12px)!important;
    -webkit-backdrop-filter: blur(12px)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::after,
  body.page-home-login .kruh-desktop-topbar-login__field::after,
  body.page-home-register .kruh-desktop-topbar-login__field::after{
    content:""!important;
    position:absolute!important;
    inset:1px!important;
    border-radius:13px!important;
    background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.26),rgba(255,255,255,.08))!important;
    pointer-events:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field:focus-within{
    border-color:rgba(255,255,255,.78)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(239,246,255,.86))!important;
    box-shadow:0 0 0 3px rgba(219,234,254,.26),0 16px 32px rgba(6,35,112,.24),inset 0 1px 0 rgba(255,255,255,.70)!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon,
  body.page-home-login .kruh-desktop-topbar-login__icon,
  body.page-home-register .kruh-desktop-topbar-login__icon{
    left:14px!important;
    width:22px!important;
    height:22px!important;
    color:#2563eb!important;
    -webkit-text-fill-color:#2563eb!important;
    font-size:14px!important;
    opacity:.95!important;
  }

  body.page-home .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-home-login .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-home-register .topbar__loginRow .kruh-desktop-topbar-login__input{
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding-left:46px!important;
    font-size:13px!important;
    font-weight:900!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
  }

  body.page-home .topbar__loginRow .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-login .topbar__loginRow .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-register .topbar__loginRow .kruh-desktop-topbar-login__input::placeholder{
    color:#64748b!important;
    -webkit-text-fill-color:#64748b!important;
    opacity:1!important;
  }

  body.page-home .topbar__loginRow .home-login__btn,
  body.page-home-login .topbar__loginRow .home-login__btn,
  body.page-home-register .topbar__loginRow .home-login__btn{
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    min-width:122px!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 54%,#2563eb 100%)!important;
    border:1px solid rgba(255,255,255,.28)!important;
    box-shadow:0 14px 28px rgba(37,99,235,.30),inset 0 1px 0 rgba(255,255,255,.30)!important;
  }

  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg{
    padding-top: 86px!important;
  }

  body.page-home .home-hero,
  body.page-home-login .home-hero,
  body.page-home-register .home-hero{
    margin-top: 38px!important;
  }

  body.page-home .home-register-inline,
  body.page-home-login .home-register-inline,
  body.page-home-register .home-register-inline{
    margin-top: 0!important;
  }

  body.page-home .register-birth-inline-force,
  body.page-home-login .register-birth-inline-force,
  body.page-home-register .register-birth-inline-force,
  body.page-home .birthdate-selects--register-inline,
  body.page-home-login .birthdate-selects--register-inline,
  body.page-home-register .birthdate-selects--register-inline{
    display:grid!important;
    grid-template-columns: minmax(112px,.75fr) minmax(150px,1fr) minmax(120px,.82fr)!important;
    gap:14px!important;
    max-width: 520px!important;
    width:100%!important;
  }

  body.page-home .register-birth-inline-force select.inp,
  body.page-home-login .register-birth-inline-force select.inp,
  body.page-home-register .register-birth-inline-force select.inp,
  body.page-home .birthdate-selects--register-inline select.inp,
  body.page-home-login .birthdate-selects--register-inline select.inp,
  body.page-home-register .birthdate-selects--register-inline select.inp{
    height:46px!important;
    min-height:46px!important;
    border-radius:13px!important;
    padding-left:44px!important;
    padding-right:34px!important;
    font-weight:900!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    border:1px solid rgba(147,197,253,.48)!important;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E"),
      linear-gradient(180deg,rgba(255,255,255,.98),rgba(239,246,255,.78))!important;
    background-repeat:no-repeat,no-repeat!important;
    background-position:15px 50%,0 0!important;
    background-size:18px 18px,100% 100%!important;
    box-shadow:0 10px 22px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.92)!important;
  }

  body.page-home .register-birth-inline-force select.inp:focus,
  body.page-home-login .register-birth-inline-force select.inp:focus,
  body.page-home-register .register-birth-inline-force select.inp:focus,
  body.page-home .birthdate-selects--register-inline select.inp:focus,
  body.page-home-login .birthdate-selects--register-inline select.inp:focus,
  body.page-home-register .birthdate-selects--register-inline select.inp:focus{
    outline:none!important;
    border-color:#60a5fa!important;
    box-shadow:0 0 0 3px rgba(147,197,253,.20),0 12px 24px rgba(37,99,235,.10)!important;
  }

  body.page-home .register-gender-visual__options,
  body.page-home-login .register-gender-visual__options,
  body.page-home-register .register-gender-visual__options,
  body.page-register .register-gender-visual__options{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:18px!important;
    width:100%!important;
    max-width:640px!important;
  }

  body.page-home .register-gender-visual__option,
  body.page-home-login .register-gender-visual__option,
  body.page-home-register .register-gender-visual__option,
  body.page-register .register-gender-visual__option{
    position:relative!important;
    min-height:46px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.92))!important;
    border:1px solid rgba(148,163,184,.38)!important;
    box-shadow:0 10px 22px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.94)!important;
    cursor:pointer!important;
    user-select:none!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
  }

  body.page-home .register-gender-visual__option input,
  body.page-home-login .register-gender-visual__option input,
  body.page-home-register .register-gender-visual__option input,
  body.page-register .register-gender-visual__option input{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }

  body.page-home .register-gender-visual__option--female,
  body.page-home-login .register-gender-visual__option--female,
  body.page-home-register .register-gender-visual__option--female,
  body.page-register .register-gender-visual__option--female{
    border-color:rgba(244,114,182,.55)!important;
    background:linear-gradient(180deg,rgba(255,248,251,.98),rgba(255,241,246,.80))!important;
  }

  body.page-home .register-gender-visual__option--male,
  body.page-home-login .register-gender-visual__option--male,
  body.page-home-register .register-gender-visual__option--male,
  body.page-register .register-gender-visual__option--male{
    border-color:rgba(96,165,250,.65)!important;
    background:linear-gradient(180deg,rgba(248,251,255,.98),rgba(239,246,255,.84))!important;
  }

  body.page-home .register-gender-visual__option--female .register-gender-visual__icon,
  body.page-home-login .register-gender-visual__option--female .register-gender-visual__icon,
  body.page-home-register .register-gender-visual__option--female .register-gender-visual__icon,
  body.page-home .register-gender-visual__option--female .register-gender-visual__text,
  body.page-home-login .register-gender-visual__option--female .register-gender-visual__text,
  body.page-home-register .register-gender-visual__option--female .register-gender-visual__text{
    color:#e11d48!important;
    -webkit-text-fill-color:#e11d48!important;
  }

  body.page-home .register-gender-visual__option--male .register-gender-visual__icon,
  body.page-home-login .register-gender-visual__option--male .register-gender-visual__icon,
  body.page-home-register .register-gender-visual__option--male .register-gender-visual__icon,
  body.page-home .register-gender-visual__option--male .register-gender-visual__text,
  body.page-home-login .register-gender-visual__option--male .register-gender-visual__text,
  body.page-home-register .register-gender-visual__option--male .register-gender-visual__text{
    color:#2563eb!important;
    -webkit-text-fill-color:#2563eb!important;
  }

  body.page-home .register-gender-visual__icon,
  body.page-home-login .register-gender-visual__icon,
  body.page-home-register .register-gender-visual__icon,
  body.page-register .register-gender-visual__icon{
    font-size:24px!important;
    line-height:1!important;
    font-weight:950!important;
    filter:drop-shadow(0 4px 8px rgba(15,23,42,.08))!important;
  }

  body.page-home .register-gender-visual__text,
  body.page-home-login .register-gender-visual__text,
  body.page-home-register .register-gender-visual__text,
  body.page-register .register-gender-visual__text{
    font-size:14px!important;
    font-weight:950!important;
  }

  body.page-home .register-gender-visual__option:has(input:checked),
  body.page-home-login .register-gender-visual__option:has(input:checked),
  body.page-home-register .register-gender-visual__option:has(input:checked),
  body.page-register .register-gender-visual__option:has(input:checked){
    transform:translateY(-1px)!important;
    box-shadow:0 14px 28px rgba(37,99,235,.13),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
}

@media (min-width: 761px) and (max-width: 1380px){
  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width: 630px!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns: minmax(230px,1fr) minmax(200px,.9fr) auto!important;
    gap: 10px!important;
  }
}

/* IG216.14 — desktop auth visual correction: darker navbar fields, lower hero, real custom date selects and visible gender pills. */
@media (min-width: 761px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg,
  body.page-register .bg,
  body.page-auth-register .bg,
  body.page-auth.page-register .bg{
    padding-top:138px!important;
  }

  body.page-home .home-hero,
  body.page-home-login .home-hero,
  body.page-home-register .home-hero,
  body.page-register .home-hero,
  body.page-auth-register .home-hero,
  body.page-auth.page-register .home-hero{
    margin-top:34px!important;
  }

  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login,
  body.page-register .topbar__login.kruh-desktop-topbar-login,
  body.page-auth-register .topbar__login.kruh-desktop-topbar-login,
  body.page-auth.page-register .topbar__login.kruh-desktop-topbar-login{
    max-width:min(740px,55vw)!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow,
  body.page-register .topbar__loginRow,
  body.page-auth-register .topbar__loginRow,
  body.page-auth.page-register .topbar__loginRow{
    grid-template-columns:minmax(252px,1fr) minmax(220px,.92fr) auto!important;
    gap:12px!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field,
  body.page-register .kruh-desktop-topbar-login__field,
  body.page-auth-register .kruh-desktop-topbar-login__field,
  body.page-auth.page-register .kruh-desktop-topbar-login__field{
    height:42px!important;
    min-height:42px!important;
    border-radius:13px!important;
    background:
      radial-gradient(circle at 16% -18%,rgba(255,255,255,.52),rgba(255,255,255,0) 46%),
      linear-gradient(180deg,rgba(63,138,255,.36),rgba(31,91,214,.30) 50%,rgba(255,255,255,.16))!important;
    border:1px solid rgba(191,219,254,.42)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(15,23,42,.08),0 12px 26px rgba(7,32,105,.24)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    overflow:hidden!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::before,
  body.page-home-login .kruh-desktop-topbar-login__field::before,
  body.page-home-register .kruh-desktop-topbar-login__field::before,
  body.page-register .kruh-desktop-topbar-login__field::before,
  body.page-auth-register .kruh-desktop-topbar-login__field::before,
  body.page-auth.page-register .kruh-desktop-topbar-login__field::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.30),rgba(255,255,255,.08))!important;
    pointer-events:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field:focus-within,
  body.page-register .kruh-desktop-topbar-login__field:focus-within,
  body.page-auth-register .kruh-desktop-topbar-login__field:focus-within,
  body.page-auth.page-register .kruh-desktop-topbar-login__field:focus-within{
    background:linear-gradient(180deg,rgba(219,234,254,.72),rgba(96,165,250,.32))!important;
    border-color:rgba(255,255,255,.70)!important;
    box-shadow:0 0 0 3px rgba(191,219,254,.22),0 14px 30px rgba(7,32,105,.28),inset 0 1px 0 rgba(255,255,255,.45)!important;
  }

  body.page-home .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-home-login .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-home-register .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-register .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-auth-register .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-auth.page-register .topbar__loginRow .kruh-desktop-topbar-login__input{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding-left:44px!important;
    font-size:13px!important;
    font-weight:900!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
  }

  body.page-home .topbar__loginRow .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-login .topbar__loginRow .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-register .topbar__loginRow .kruh-desktop-topbar-login__input::placeholder,
  body.page-register .topbar__loginRow .kruh-desktop-topbar-login__input::placeholder,
  body.page-auth-register .topbar__loginRow .kruh-desktop-topbar-login__input::placeholder,
  body.page-auth.page-register .topbar__loginRow .kruh-desktop-topbar-login__input::placeholder{
    color:rgba(255,255,255,.86)!important;
    -webkit-text-fill-color:rgba(255,255,255,.86)!important;
    opacity:1!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon,
  body.page-home-login .kruh-desktop-topbar-login__icon,
  body.page-home-register .kruh-desktop-topbar-login__icon,
  body.page-register .kruh-desktop-topbar-login__icon,
  body.page-auth-register .kruh-desktop-topbar-login__icon,
  body.page-auth.page-register .kruh-desktop-topbar-login__icon,
  body.page-home .topbar__loginRow .pwfield__toggle,
  body.page-home-login .topbar__loginRow .pwfield__toggle,
  body.page-home-register .topbar__loginRow .pwfield__toggle,
  body.page-register .topbar__loginRow .pwfield__toggle,
  body.page-auth-register .topbar__loginRow .pwfield__toggle,
  body.page-auth.page-register .topbar__loginRow .pwfield__toggle{
    color:#dbeafe!important;
    -webkit-text-fill-color:#dbeafe!important;
    opacity:.98!important;
  }

  body.page-home .register-birth-inline-force,
  body.page-home-login .register-birth-inline-force,
  body.page-home-register .register-birth-inline-force,
  body.page-register .register-birth-inline-force,
  body.page-auth-register .register-birth-inline-force,
  body.page-auth.page-register .register-birth-inline-force,
  body.page-home .birthdate-selects--register-inline,
  body.page-home-login .birthdate-selects--register-inline,
  body.page-home-register .birthdate-selects--register-inline,
  body.page-register .birthdate-selects--register-inline,
  body.page-auth-register .birthdate-selects--register-inline,
  body.page-auth.page-register .birthdate-selects--register-inline{
    display:grid!important;
    grid-template-columns:minmax(118px,.72fr) minmax(170px,1fr) minmax(128px,.78fr)!important;
    gap:14px!important;
    width:100%!important;
    max-width:560px!important;
    align-items:start!important;
  }

  body.page-home select.kruh-select-native,
  body.page-home-login select.kruh-select-native,
  body.page-home-register select.kruh-select-native,
  body.page-register select.kruh-select-native,
  body.page-auth-register select.kruh-select-native,
  body.page-auth.page-register select.kruh-select-native{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
    pointer-events:none!important;
    clip:rect(0,0,0,0)!important;
    overflow:hidden!important;
  }

  body.page-home .kruh-pretty-select,
  body.page-home-login .kruh-pretty-select,
  body.page-home-register .kruh-pretty-select,
  body.page-register .kruh-pretty-select,
  body.page-auth-register .kruh-pretty-select,
  body.page-auth.page-register .kruh-pretty-select{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    z-index:40!important;
    font-family:inherit!important;
  }

  body.page-home .kruh-pretty-select.is-open,
  body.page-home-login .kruh-pretty-select.is-open,
  body.page-home-register .kruh-pretty-select.is-open,
  body.page-register .kruh-pretty-select.is-open,
  body.page-auth-register .kruh-pretty-select.is-open,
  body.page-auth.page-register .kruh-pretty-select.is-open{
    z-index:999!important;
  }

  body.page-home .kruh-pretty-select__button,
  body.page-home-login .kruh-pretty-select__button,
  body.page-home-register .kruh-pretty-select__button,
  body.page-register .kruh-pretty-select__button,
  body.page-auth-register .kruh-pretty-select__button,
  body.page-auth.page-register .kruh-pretty-select__button{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:0 14px 0 46px!important;
    border-radius:14px!important;
    border:1px solid rgba(147,197,253,.58)!important;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") 16px 50%/18px 18px no-repeat,
      linear-gradient(180deg,rgba(248,251,255,.98),rgba(232,242,255,.88))!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    text-align:left!important;
    cursor:pointer!important;
    box-shadow:0 12px 24px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.94)!important;
  }

  body.page-home .kruh-pretty-select__button:hover,
  body.page-home-login .kruh-pretty-select__button:hover,
  body.page-home-register .kruh-pretty-select__button:hover,
  body.page-register .kruh-pretty-select__button:hover,
  body.page-auth-register .kruh-pretty-select__button:hover,
  body.page-auth.page-register .kruh-pretty-select__button:hover,
  body.page-home .kruh-pretty-select.is-open .kruh-pretty-select__button,
  body.page-home-login .kruh-pretty-select.is-open .kruh-pretty-select__button,
  body.page-home-register .kruh-pretty-select.is-open .kruh-pretty-select__button,
  body.page-register .kruh-pretty-select.is-open .kruh-pretty-select__button,
  body.page-auth-register .kruh-pretty-select.is-open .kruh-pretty-select__button,
  body.page-auth.page-register .kruh-pretty-select.is-open .kruh-pretty-select__button{
    border-color:#60a5fa!important;
    box-shadow:0 0 0 3px rgba(147,197,253,.18),0 14px 28px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }

  body.page-home .kruh-pretty-select__value,
  body.page-home-login .kruh-pretty-select__value,
  body.page-home-register .kruh-pretty-select__value,
  body.page-register .kruh-pretty-select__value,
  body.page-auth-register .kruh-pretty-select__value,
  body.page-auth.page-register .kruh-pretty-select__value{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.page-home .kruh-pretty-select__chevron,
  body.page-home-login .kruh-pretty-select__chevron,
  body.page-home-register .kruh-pretty-select__chevron,
  body.page-register .kruh-pretty-select__chevron,
  body.page-auth-register .kruh-pretty-select__chevron,
  body.page-auth.page-register .kruh-pretty-select__chevron{
    width:8px!important;
    height:8px!important;
    flex:0 0 8px!important;
    border-right:2px solid #0f172a!important;
    border-bottom:2px solid #0f172a!important;
    transform:rotate(45deg) translateY(-2px)!important;
  }

  body.page-home .kruh-pretty-select.is-open .kruh-pretty-select__chevron,
  body.page-home-login .kruh-pretty-select.is-open .kruh-pretty-select__chevron,
  body.page-home-register .kruh-pretty-select.is-open .kruh-pretty-select__chevron,
  body.page-register .kruh-pretty-select.is-open .kruh-pretty-select__chevron,
  body.page-auth-register .kruh-pretty-select.is-open .kruh-pretty-select__chevron,
  body.page-auth.page-register .kruh-pretty-select.is-open .kruh-pretty-select__chevron{
    transform:rotate(225deg) translateY(-2px)!important;
  }

  body.page-home .kruh-pretty-select__menu,
  body.page-home-login .kruh-pretty-select__menu,
  body.page-home-register .kruh-pretty-select__menu,
  body.page-register .kruh-pretty-select__menu,
  body.page-auth-register .kruh-pretty-select__menu,
  body.page-auth.page-register .kruh-pretty-select__menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    width:100%!important;
    max-height:248px!important;
    overflow:auto!important;
    display:none!important;
    padding:7px!important;
    border-radius:16px!important;
    border:1px solid rgba(147,197,253,.40)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(239,246,255,.98))!important;
    box-shadow:0 24px 58px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.96)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    z-index:1000!important;
  }

  body.page-home .kruh-pretty-select.is-open .kruh-pretty-select__menu,
  body.page-home-login .kruh-pretty-select.is-open .kruh-pretty-select__menu,
  body.page-home-register .kruh-pretty-select.is-open .kruh-pretty-select__menu,
  body.page-register .kruh-pretty-select.is-open .kruh-pretty-select__menu,
  body.page-auth-register .kruh-pretty-select.is-open .kruh-pretty-select__menu,
  body.page-auth.page-register .kruh-pretty-select.is-open .kruh-pretty-select__menu{
    display:block!important;
  }

  body.page-home .kruh-pretty-select__option,
  body.page-home-login .kruh-pretty-select__option,
  body.page-home-register .kruh-pretty-select__option,
  body.page-register .kruh-pretty-select__option,
  body.page-auth-register .kruh-pretty-select__option,
  body.page-auth.page-register .kruh-pretty-select__option{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:8px 10px!important;
    margin:0!important;
    border:0!important;
    border-radius:11px!important;
    background:transparent!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    font-size:14px!important;
    font-weight:850!important;
    line-height:1.1!important;
    text-align:left!important;
    cursor:pointer!important;
  }

  body.page-home .kruh-pretty-select__option:hover,
  body.page-home-login .kruh-pretty-select__option:hover,
  body.page-home-register .kruh-pretty-select__option:hover,
  body.page-register .kruh-pretty-select__option:hover,
  body.page-auth-register .kruh-pretty-select__option:hover,
  body.page-auth.page-register .kruh-pretty-select__option:hover,
  body.page-home .kruh-pretty-select__option:focus,
  body.page-home-login .kruh-pretty-select__option:focus,
  body.page-home-register .kruh-pretty-select__option:focus,
  body.page-register .kruh-pretty-select__option:focus,
  body.page-auth-register .kruh-pretty-select__option:focus,
  body.page-auth.page-register .kruh-pretty-select__option:focus{
    outline:none!important;
    background:rgba(37,99,235,.10)!important;
    color:#1d4ed8!important;
    -webkit-text-fill-color:#1d4ed8!important;
  }

  body.page-home .kruh-pretty-select__option.is-selected,
  body.page-home-login .kruh-pretty-select__option.is-selected,
  body.page-home-register .kruh-pretty-select__option.is-selected,
  body.page-register .kruh-pretty-select__option.is-selected,
  body.page-auth-register .kruh-pretty-select__option.is-selected,
  body.page-auth.page-register .kruh-pretty-select__option.is-selected{
    background:linear-gradient(135deg,#2563eb,#60a5fa)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 10px 20px rgba(37,99,235,.20)!important;
  }

  body.page-home .register-gender-visual,
  body.page-home-login .register-gender-visual,
  body.page-home-register .register-gender-visual,
  body.page-register .register-gender-visual,
  body.page-auth-register .register-gender-visual,
  body.page-auth.page-register .register-gender-visual{
    width:100%!important;
    max-width:640px!important;
  }

  body.page-home .register-gender-visual__options,
  body.page-home-login .register-gender-visual__options,
  body.page-home-register .register-gender-visual__options,
  body.page-register .register-gender-visual__options,
  body.page-auth-register .register-gender-visual__options,
  body.page-auth.page-register .register-gender-visual__options{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:18px!important;
    width:100%!important;
  }

  body.page-home .register-gender-visual__option,
  body.page-home-login .register-gender-visual__option,
  body.page-home-register .register-gender-visual__option,
  body.page-register .register-gender-visual__option,
  body.page-auth-register .register-gender-visual__option,
  body.page-auth.page-register .register-gender-visual__option{
    position:relative!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    border-radius:14px!important;
    border:1px solid rgba(148,163,184,.34)!important;
    box-shadow:0 12px 24px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.96)!important;
    cursor:pointer!important;
    user-select:none!important;
    overflow:hidden!important;
  }

  body.page-home .register-gender-visual__option input,
  body.page-home-login .register-gender-visual__option input,
  body.page-home-register .register-gender-visual__option input,
  body.page-register .register-gender-visual__option input,
  body.page-auth-register .register-gender-visual__option input,
  body.page-auth.page-register .register-gender-visual__option input{
    position:absolute!important;
    opacity:0!important;
    pointer-events:none!important;
    width:1px!important;
    height:1px!important;
    clip:rect(0,0,0,0)!important;
    overflow:hidden!important;
  }

  body.page-home .register-gender-visual__option--female,
  body.page-home-login .register-gender-visual__option--female,
  body.page-home-register .register-gender-visual__option--female,
  body.page-register .register-gender-visual__option--female,
  body.page-auth-register .register-gender-visual__option--female,
  body.page-auth.page-register .register-gender-visual__option--female{
    background:linear-gradient(180deg,rgba(255,248,251,.98),rgba(255,241,246,.86))!important;
    border-color:rgba(244,114,182,.62)!important;
    color:#e11d48!important;
    -webkit-text-fill-color:#e11d48!important;
  }

  body.page-home .register-gender-visual__option--male,
  body.page-home-login .register-gender-visual__option--male,
  body.page-home-register .register-gender-visual__option--male,
  body.page-register .register-gender-visual__option--male,
  body.page-auth-register .register-gender-visual__option--male,
  body.page-auth.page-register .register-gender-visual__option--male{
    background:linear-gradient(180deg,rgba(248,251,255,.98),rgba(239,246,255,.88))!important;
    border-color:rgba(96,165,250,.70)!important;
    color:#2563eb!important;
    -webkit-text-fill-color:#2563eb!important;
  }

  body.page-home .register-gender-visual__icon,
  body.page-home-login .register-gender-visual__icon,
  body.page-home-register .register-gender-visual__icon,
  body.page-register .register-gender-visual__icon,
  body.page-auth-register .register-gender-visual__icon,
  body.page-auth.page-register .register-gender-visual__icon{
    font-size:24px!important;
    font-weight:950!important;
    line-height:1!important;
  }

  body.page-home .register-gender-visual__text,
  body.page-home-login .register-gender-visual__text,
  body.page-home-register .register-gender-visual__text,
  body.page-register .register-gender-visual__text,
  body.page-auth-register .register-gender-visual__text,
  body.page-auth.page-register .register-gender-visual__text{
    font-size:14px!important;
    font-weight:950!important;
  }
}

@media (min-width:761px) and (max-width:1380px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg,
  body.page-register .bg,
  body.page-auth-register .bg,
  body.page-auth.page-register .bg{
    padding-top:126px!important;
  }
  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login,
  body.page-register .topbar__login.kruh-desktop-topbar-login,
  body.page-auth-register .topbar__login.kruh-desktop-topbar-login,
  body.page-auth.page-register .topbar__login.kruh-desktop-topbar-login{
    max-width:620px!important;
  }
}


/* IG216.15_DESKTOP_AUTH_BLUE_VISUAL_SELECT_FIX
   Final desktop auth visual pass: blue navbar inputs, lower hero offset, broad custom select/gender enforcement.
   Mobile auth engine remains untouched. */
@media (min-width: 761px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg,
  body.page-register .bg,
  body.page-auth-register .bg,
  body.page-auth.page-register .bg{
    padding-top: 176px!important;
  }

  body.page-home .home-hero,
  body.page-home-login .home-hero,
  body.page-home-register .home-hero,
  body.page-register .home-hero,
  body.page-auth-register .home-hero,
  body.page-auth.page-register .home-hero{
    margin-top: 54px!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow,
  body.page-register .topbar__loginRow,
  body.page-auth-register .topbar__loginRow,
  body.page-auth.page-register .topbar__loginRow{
    grid-template-columns: minmax(250px,1fr) minmax(220px,.9fr) auto!important;
    gap: 12px!important;
    align-items: center!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field,
  body.page-register .kruh-desktop-topbar-login__field,
  body.page-auth-register .kruh-desktop-topbar-login__field,
  body.page-auth.page-register .kruh-desktop-topbar-login__field{
    position: relative!important;
    height: 44px!important;
    min-height: 44px!important;
    border-radius: 999px!important;
    overflow: hidden!important;
    background:
      linear-gradient(180deg,rgba(92,155,255,.98) 0%,rgba(59,130,246,.96) 48%,rgba(37,99,235,.98) 100%)!important;
    border: 1px solid rgba(147,197,253,.78)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.34),
      inset 0 -10px 18px rgba(30,64,175,.20),
      0 12px 28px rgba(14,54,150,.24),
      0 0 0 1px rgba(255,255,255,.10)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::before,
  body.page-home-login .kruh-desktop-topbar-login__field::before,
  body.page-home-register .kruh-desktop-topbar-login__field::before,
  body.page-register .kruh-desktop-topbar-login__field::before,
  body.page-auth-register .kruh-desktop-topbar-login__field::before,
  body.page-auth.page-register .kruh-desktop-topbar-login__field::before{
    content:""!important;
    position:absolute!important;
    inset:1px!important;
    border-radius:999px!important;
    background:
      radial-gradient(circle at 12% 0%,rgba(255,255,255,.34),rgba(255,255,255,0) 42%),
      linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0))!important;
    pointer-events:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field:focus-within,
  body.page-register .kruh-desktop-topbar-login__field:focus-within,
  body.page-auth-register .kruh-desktop-topbar-login__field:focus-within,
  body.page-auth.page-register .kruh-desktop-topbar-login__field:focus-within{
    border-color: rgba(219,234,254,.98)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.42),
      inset 0 -10px 18px rgba(30,64,175,.22),
      0 0 0 3px rgba(147,197,253,.26),
      0 16px 32px rgba(14,54,150,.30)!important;
  }

  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-home-register .kruh-desktop-topbar-login__input,
  body.page-register .kruh-desktop-topbar-login__input,
  body.page-auth-register .kruh-desktop-topbar-login__input,
  body.page-auth.page-register .kruh-desktop-topbar-login__input{
    position:relative!important;
    z-index:2!important;
    height:44px!important;
    min-height:44px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-weight:850!important;
    padding:0 40px 0 44px!important;
  }

  body.page-home .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-login .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-register .kruh-desktop-topbar-login__input::placeholder,
  body.page-register .kruh-desktop-topbar-login__input::placeholder,
  body.page-auth-register .kruh-desktop-topbar-login__input::placeholder,
  body.page-auth.page-register .kruh-desktop-topbar-login__input::placeholder{
    color:rgba(255,255,255,.82)!important;
    opacity:1!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon,
  body.page-home-login .kruh-desktop-topbar-login__icon,
  body.page-home-register .kruh-desktop-topbar-login__icon,
  body.page-register .kruh-desktop-topbar-login__icon,
  body.page-auth-register .kruh-desktop-topbar-login__icon,
  body.page-auth.page-register .kruh-desktop-topbar-login__icon{
    z-index:3!important;
    left:18px!important;
    color:rgba(255,255,255,.96)!important;
    text-shadow:0 1px 10px rgba(15,23,42,.18)!important;
  }

  body.page-home .kruh-desktop-topbar-login__pw .pwfield__toggle,
  body.page-home-login .kruh-desktop-topbar-login__pw .pwfield__toggle,
  body.page-home-register .kruh-desktop-topbar-login__pw .pwfield__toggle,
  body.page-register .kruh-desktop-topbar-login__pw .pwfield__toggle,
  body.page-auth-register .kruh-desktop-topbar-login__pw .pwfield__toggle,
  body.page-auth.page-register .kruh-desktop-topbar-login__pw .pwfield__toggle{
    z-index:4!important;
    color:rgba(255,255,255,.96)!important;
    opacity:.96!important;
  }

  body.page-home .kruh-desktop-topbar-login__submit,
  body.page-home-login .kruh-desktop-topbar-login__submit,
  body.page-home-register .kruh-desktop-topbar-login__submit,
  body.page-register .kruh-desktop-topbar-login__submit,
  body.page-auth-register .kruh-desktop-topbar-login__submit,
  body.page-auth.page-register .kruh-desktop-topbar-login__submit{
    height:44px!important;
    min-height:44px!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#60a5fa 0%,#3b82f6 100%)!important;
    border:1px solid rgba(147,197,253,.52)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 28px rgba(14,54,150,.24)!important;
  }

  /* Robust custom select enforcement across every register/auth page class. */
  body .home-register-inline .register .birthdate-selects,
  body .home-register-inline .register .register-birth-inline-force{
    display:grid!important;
    grid-template-columns: minmax(92px,100px) minmax(124px,140px) minmax(98px,112px)!important;
    gap:10px!important;
    align-items:center!important;
    width:auto!important;
    max-width:390px!important;
  }

  body .home-register-inline .register select.kruh-select-native{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    min-width:1px!important;
    max-width:1px!important;
    opacity:0!important;
    pointer-events:none!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
  }

  body .home-register-inline .register .kruh-pretty-select{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    z-index:30!important;
  }

  body .home-register-inline .register .kruh-pretty-select__button{
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:0 13px!important;
    border-radius:14px!important;
    border:1px solid rgba(96,165,250,.42)!important;
    background:
      radial-gradient(circle at 16% -18%,rgba(255,255,255,.96),rgba(255,255,255,0) 44%),
      linear-gradient(180deg,rgba(255,255,255,.98),rgba(231,240,255,.86))!important;
    color:#0f172a!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.92),
      inset 0 -10px 16px rgba(59,130,246,.08),
      0 9px 20px rgba(37,99,235,.08),
      0 0 0 1px rgba(255,255,255,.72)!important;
    font-weight:900!important;
    font-size:14px!important;
    cursor:pointer!important;
  }

  body .home-register-inline .register .kruh-pretty-select__button:hover,
  body .home-register-inline .register .kruh-pretty-select.is-open .kruh-pretty-select__button{
    border-color:rgba(37,99,235,.72)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      inset 0 -10px 16px rgba(59,130,246,.10),
      0 0 0 3px rgba(96,165,250,.16),
      0 14px 28px rgba(37,99,235,.14)!important;
  }

  body .home-register-inline .register .kruh-pretty-select__value{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body .home-register-inline .register .kruh-pretty-select__icon{
    color:#2563eb!important;
    font-size:15px!important;
  }

  body .home-register-inline .register .kruh-pretty-select__chevron{
    width:8px!important;
    height:8px!important;
    border-right:2px solid #0f172a!important;
    border-bottom:2px solid #0f172a!important;
    transform:rotate(45deg) translateY(-2px)!important;
    opacity:.9!important;
    flex:0 0 auto!important;
  }

  body .home-register-inline .register .kruh-pretty-select.is-open .kruh-pretty-select__chevron{
    transform:rotate(225deg) translateY(-2px)!important;
  }

  body .home-register-inline .register .kruh-pretty-select__menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:auto!important;
    width:100%!important;
    min-width:100%!important;
    max-height:245px!important;
    overflow:auto!important;
    display:none!important;
    padding:7px!important;
    border:1px solid rgba(96,165,250,.34)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 22px 50px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.92)!important;
    z-index:99999!important;
  }

  body .home-register-inline .register .kruh-pretty-select.is-open .kruh-pretty-select__menu{
    display:block!important;
  }

  body .home-register-inline .register .kruh-pretty-select__option{
    width:100%!important;
    min-height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    padding:7px 9px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#0f172a!important;
    font-weight:850!important;
    font-size:14px!important;
    text-align:left!important;
    cursor:pointer!important;
  }

  body .home-register-inline .register .kruh-pretty-select__option:hover,
  body .home-register-inline .register .kruh-pretty-select__option:focus-visible{
    outline:none!important;
    background:rgba(219,234,254,.82)!important;
  }

  body .home-register-inline .register .kruh-pretty-select__option.is-selected{
    background:linear-gradient(180deg,#3b82f6,#2563eb)!important;
    color:#fff!important;
  }

  body .home-register-inline .register .kruh-pretty-select__menu::-webkit-scrollbar{
    width:8px!important;
  }
  body .home-register-inline .register .kruh-pretty-select__menu::-webkit-scrollbar-track{
    background:rgba(226,232,240,.55)!important;
    border-radius:999px!important;
  }
  body .home-register-inline .register .kruh-pretty-select__menu::-webkit-scrollbar-thumb{
    background:rgba(59,130,246,.72)!important;
    border-radius:999px!important;
  }

  body .home-register-inline .register .register-gender-visual__options{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    width:100%!important;
    margin-top:8px!important;
  }

  body .home-register-inline .register .register-gender-visual__option{
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    border-radius:14px!important;
    border:1px solid rgba(96,165,250,.42)!important;
    background:
      radial-gradient(circle at 15% -10%,rgba(255,255,255,.96),rgba(255,255,255,0) 44%),
      linear-gradient(180deg,rgba(255,255,255,.98),rgba(231,240,255,.86))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 9px 20px rgba(37,99,235,.08)!important;
    cursor:pointer!important;
    font-weight:900!important;
    color:#1d4ed8!important;
  }

  body .home-register-inline .register .register-gender-visual__option--female{
    border-color:rgba(244,114,182,.50)!important;
    color:#e11d48!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,241,246,.90))!important;
  }

  body .home-register-inline .register .register-gender-visual__option input:checked + .register-gender-visual__icon,
  body .home-register-inline .register .register-gender-visual__option:has(input:checked){
    box-shadow:0 0 0 3px rgba(96,165,250,.16),0 14px 30px rgba(37,99,235,.13)!important;
    border-color:rgba(37,99,235,.82)!important;
  }

  body .home-register-inline .register .register-gender-visual__option--female:has(input:checked){
    border-color:rgba(244,63,94,.78)!important;
    box-shadow:0 0 0 3px rgba(244,63,94,.12),0 14px 30px rgba(244,63,94,.10)!important;
  }

  body .home-register-inline .register .register-gender-visual__icon{
    font-size:22px!important;
    line-height:1!important;
  }

  body .home-register-inline .register .register-gender-visual__text{
    font-size:14px!important;
    line-height:1!important;
  }
}

@media (min-width: 761px) and (max-width: 1380px){
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow,
  body.page-register .topbar__loginRow,
  body.page-auth-register .topbar__loginRow,
  body.page-auth.page-register .topbar__loginRow{
    grid-template-columns: minmax(210px,1fr) minmax(185px,.88fr) auto!important;
  }
  body.page-home .kruh-desktop-topbar-login__submit,
  body.page-home-login .kruh-desktop-topbar-login__submit,
  body.page-home-register .kruh-desktop-topbar-login__submit,
  body.page-register .kruh-desktop-topbar-login__submit,
  body.page-auth-register .kruh-desktop-topbar-login__submit,
  body.page-auth.page-register .kruh-desktop-topbar-login__submit{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* IG216.16_DESKTOP_AUTH_NAVBAR_INPUT_TONE_OFFSET_TUNE
   Desktop-only precision pass after IG216.15: auth moved slightly higher again and navbar inputs tuned to a darker, consistent blue pill so both fields look intentional, not washed out. */
@media (min-width: 761px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg,
  body.page-register .bg,
  body.page-auth-register .bg,
  body.page-auth.page-register .bg{
    padding-top: 150px!important;
  }

  body.page-home .home-hero,
  body.page-home-login .home-hero,
  body.page-home-register .home-hero,
  body.page-register .home-hero,
  body.page-auth-register .home-hero,
  body.page-auth.page-register .home-hero{
    margin-top: 28px!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow,
  body.page-register .topbar__loginRow,
  body.page-auth-register .topbar__loginRow,
  body.page-auth.page-register .topbar__loginRow{
    grid-template-columns: minmax(250px,1fr) minmax(230px,.92fr) auto!important;
    gap: 14px!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field,
  body.page-register .kruh-desktop-topbar-login__field,
  body.page-auth-register .kruh-desktop-topbar-login__field,
  body.page-auth.page-register .kruh-desktop-topbar-login__field{
    height: 46px!important;
    min-height: 46px!important;
    border-radius: 999px!important;
    background:
      radial-gradient(circle at 18% 0%,rgba(191,219,254,.44),rgba(191,219,254,0) 40%),
      linear-gradient(180deg,rgba(82,148,255,.96) 0%,rgba(51,117,232,.96) 48%,rgba(29,78,216,.98) 100%)!important;
    border:1px solid rgba(191,219,254,.64)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.42),
      inset 0 -13px 22px rgba(30,64,175,.30),
      0 0 0 1px rgba(255,255,255,.13),
      0 12px 24px rgba(15,62,168,.22)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::before,
  body.page-home-login .kruh-desktop-topbar-login__field::before,
  body.page-home-register .kruh-desktop-topbar-login__field::before,
  body.page-register .kruh-desktop-topbar-login__field::before,
  body.page-auth-register .kruh-desktop-topbar-login__field::before,
  body.page-auth.page-register .kruh-desktop-topbar-login__field::before{
    inset:2px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.03) 48%,rgba(15,23,42,.07)),
      radial-gradient(circle at 12% 0%,rgba(255,255,255,.36),rgba(255,255,255,0) 45%)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field:nth-of-type(2),
  body.page-home-login .kruh-desktop-topbar-login__field:nth-of-type(2),
  body.page-home-register .kruh-desktop-topbar-login__field:nth-of-type(2),
  body.page-register .kruh-desktop-topbar-login__field:nth-of-type(2),
  body.page-auth-register .kruh-desktop-topbar-login__field:nth-of-type(2),
  body.page-auth.page-register .kruh-desktop-topbar-login__field:nth-of-type(2){
    background:
      radial-gradient(circle at 18% 0%,rgba(191,219,254,.40),rgba(191,219,254,0) 40%),
      linear-gradient(180deg,rgba(70,136,248,.96) 0%,rgba(45,104,222,.96) 52%,rgba(29,78,216,.98) 100%)!important;
  }

  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-home-register .kruh-desktop-topbar-login__input,
  body.page-register .kruh-desktop-topbar-login__input,
  body.page-auth-register .kruh-desktop-topbar-login__input,
  body.page-auth.page-register .kruh-desktop-topbar-login__input{
    height:46px!important;
    min-height:46px!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
    text-shadow:0 1px 10px rgba(15,23,42,.22)!important;
    padding-left:46px!important;
  }

  body.page-home .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-login .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-register .kruh-desktop-topbar-login__input::placeholder,
  body.page-register .kruh-desktop-topbar-login__input::placeholder,
  body.page-auth-register .kruh-desktop-topbar-login__input::placeholder,
  body.page-auth.page-register .kruh-desktop-topbar-login__input::placeholder{
    color:rgba(255,255,255,.88)!important;
    opacity:1!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon,
  body.page-home-login .kruh-desktop-topbar-login__icon,
  body.page-home-register .kruh-desktop-topbar-login__icon,
  body.page-register .kruh-desktop-topbar-login__icon,
  body.page-auth-register .kruh-desktop-topbar-login__icon,
  body.page-auth.page-register .kruh-desktop-topbar-login__icon,
  body.page-home .kruh-desktop-topbar-login__pw .pwfield__toggle,
  body.page-home-login .kruh-desktop-topbar-login__pw .pwfield__toggle,
  body.page-home-register .kruh-desktop-topbar-login__pw .pwfield__toggle,
  body.page-register .kruh-desktop-topbar-login__pw .pwfield__toggle,
  body.page-auth-register .kruh-desktop-topbar-login__pw .pwfield__toggle,
  body.page-auth.page-register .kruh-desktop-topbar-login__pw .pwfield__toggle{
    color:rgba(255,255,255,.96)!important;
    opacity:1!important;
    filter:drop-shadow(0 1px 7px rgba(15,23,42,.22))!important;
  }

  body .home-register-inline .register .birthdate-selects,
  body .home-register-inline .register .register-birth-inline-force{
    grid-template-columns: minmax(92px,100px) minmax(130px,144px) minmax(108px,122px)!important;
    gap:8px!important;
    max-width:386px!important;
  }

  body .home-register-inline .register .kruh-pretty-select__button{
    height:44px!important;
    min-height:44px!important;
    padding:0 11px!important;
    border-radius:13px!important;
    background:
      radial-gradient(circle at 17% -18%,rgba(255,255,255,.92),rgba(255,255,255,0) 44%),
      linear-gradient(180deg,rgba(255,255,255,.98),rgba(237,245,255,.92))!important;
  }

  body .home-register-inline .register .kruh-pretty-select__value{
    font-size:14px!important;
    font-weight:900!important;
  }

  body .home-register-inline .register .register-gender-visual__options{
    gap:10px!important;
    max-width:340px!important;
  }

  body .home-register-inline .register .register-gender-visual__option{
    min-height:44px!important;
    border-radius:13px!important;
  }
}

@media (min-width: 761px) and (max-width: 1380px){
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow,
  body.page-register .topbar__loginRow,
  body.page-auth-register .topbar__loginRow,
  body.page-auth.page-register .topbar__loginRow{
    grid-template-columns: minmax(220px,1fr) minmax(205px,.92fr) auto!important;
    gap:12px!important;
  }
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg,
  body.page-register .bg,
  body.page-auth-register .bg,
  body.page-auth.page-register .bg{
    padding-top:142px!important;
  }
  body.page-home .home-hero,
  body.page-home-login .home-hero,
  body.page-home-register .home-hero,
  body.page-register .home-hero,
  body.page-auth-register .home-hero,
  body.page-auth.page-register .home-hero{
    margin-top:22px!important;
  }
}


/* IG216.17_DESKTOP_AUTH_SELECT_ROUNDING_FINAL
   Desktop-only correction after IG216.16: auth block is lifted slightly, navbar login pills are smoother/rounder, and the custom date select facade is widened and visually styled so Deň/Mesiac/Rok are not clipped and the opened menu no longer looks like a plain native select. Mobile auth animations remain untouched. */
@media (min-width: 761px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg,
  body.page-register .bg,
  body.page-auth-register .bg,
  body.page-auth.page-register .bg{
    padding-top: 132px!important;
  }

  body.page-home .home-hero,
  body.page-home-login .home-hero,
  body.page-home-register .home-hero,
  body.page-register .home-hero,
  body.page-auth-register .home-hero,
  body.page-auth.page-register .home-hero{
    margin-top: 14px!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field,
  body.page-register .kruh-desktop-topbar-login__field,
  body.page-auth-register .kruh-desktop-topbar-login__field,
  body.page-auth.page-register .kruh-desktop-topbar-login__field{
    height:44px!important;
    min-height:44px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 22% -18%,rgba(255,255,255,.42),rgba(255,255,255,0) 42%),
      linear-gradient(180deg,rgba(97,166,255,.92) 0%,rgba(57,128,238,.90) 50%,rgba(28,86,219,.94) 100%)!important;
    border:1px solid rgba(191,219,254,.58)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.46),
      inset 0 -12px 20px rgba(30,64,175,.22),
      0 0 0 1px rgba(255,255,255,.10),
      0 10px 22px rgba(14,65,178,.18)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::before,
  body.page-home-login .kruh-desktop-topbar-login__field::before,
  body.page-home-register .kruh-desktop-topbar-login__field::before,
  body.page-register .kruh-desktop-topbar-login__field::before,
  body.page-auth-register .kruh-desktop-topbar-login__field::before,
  body.page-auth.page-register .kruh-desktop-topbar-login__field::before{
    border-radius:22px!important;
    inset:2px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.045) 54%,rgba(15,23,42,.055)),
      radial-gradient(circle at 16% 2%,rgba(255,255,255,.34),rgba(255,255,255,0) 46%)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field:focus-within,
  body.page-register .kruh-desktop-topbar-login__field:focus-within,
  body.page-auth-register .kruh-desktop-topbar-login__field:focus-within,
  body.page-auth.page-register .kruh-desktop-topbar-login__field:focus-within{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.50),
      inset 0 -12px 20px rgba(30,64,175,.20),
      0 0 0 3px rgba(147,197,253,.20),
      0 13px 26px rgba(14,65,178,.22)!important;
  }

  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-home-register .kruh-desktop-topbar-login__input,
  body.page-register .kruh-desktop-topbar-login__input,
  body.page-auth-register .kruh-desktop-topbar-login__input,
  body.page-auth.page-register .kruh-desktop-topbar-login__input{
    height:44px!important;
    min-height:44px!important;
    padding-left:48px!important;
    padding-right:44px!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    font-weight:900!important;
  }

  body.page-home .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-login .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-register .kruh-desktop-topbar-login__input::placeholder,
  body.page-register .kruh-desktop-topbar-login__input::placeholder,
  body.page-auth-register .kruh-desktop-topbar-login__input::placeholder,
  body.page-auth.page-register .kruh-desktop-topbar-login__input::placeholder{
    color:rgba(255,255,255,.91)!important;
    -webkit-text-fill-color:rgba(255,255,255,.91)!important;
  }

  body.page-home .register-birth-inline-force,
  body.page-home-login .register-birth-inline-force,
  body.page-home-register .register-birth-inline-force,
  body.page-register .register-birth-inline-force,
  body.page-auth-register .register-birth-inline-force,
  body.page-auth.page-register .register-birth-inline-force,
  body.page-home .birthdate-selects--register-inline,
  body.page-home-login .birthdate-selects--register-inline,
  body.page-home-register .birthdate-selects--register-inline,
  body.page-register .birthdate-selects--register-inline,
  body.page-auth-register .birthdate-selects--register-inline,
  body.page-auth.page-register .birthdate-selects--register-inline,
  body .home-register-inline .register .birthdate-selects,
  body .home-register-inline .register .register-birth-inline-force{
    display:grid!important;
    grid-template-columns:minmax(116px,124px) minmax(172px,188px) minmax(134px,148px)!important;
    gap:12px!important;
    width:100%!important;
    max-width:472px!important;
    align-items:start!important;
  }

  body .home-register-inline .register .kruh-pretty-select{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    position:relative!important;
    z-index:55!important;
  }

  body .home-register-inline .register .kruh-pretty-select.is-open{
    z-index:99998!important;
  }

  body .home-register-inline .register .kruh-pretty-select__button{
    height:46px!important;
    min-height:46px!important;
    border-radius:18px!important;
    padding:0 16px!important;
    gap:10px!important;
    background:
      radial-gradient(circle at 18% -20%,rgba(255,255,255,.98),rgba(255,255,255,0) 44%),
      linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(242,247,255,.96) 48%,rgba(225,238,255,.92) 100%)!important;
    border:1px solid rgba(96,165,250,.44)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.96),
      inset 0 -10px 17px rgba(59,130,246,.085),
      0 10px 22px rgba(37,99,235,.09),
      0 0 0 1px rgba(255,255,255,.72)!important;
  }

  body .home-register-inline .register .kruh-pretty-select__button:hover,
  body .home-register-inline .register .kruh-pretty-select.is-open .kruh-pretty-select__button{
    border-color:rgba(37,99,235,.66)!important;
    background:
      radial-gradient(circle at 18% -20%,rgba(255,255,255,1),rgba(255,255,255,0) 44%),
      linear-gradient(180deg,#ffffff 0%,#eef6ff 50%,#dbeafe 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98),
      inset 0 -10px 17px rgba(59,130,246,.10),
      0 0 0 3px rgba(96,165,250,.14),
      0 14px 30px rgba(37,99,235,.13)!important;
  }

  body .home-register-inline .register .kruh-pretty-select__value{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:14px!important;
    font-weight:900!important;
    color:#0f172a!important;
    flex:1 1 auto!important;
  }

  body .home-register-inline .register .kruh-pretty-select__icon::before,
  body .home-register-inline .register .kruh-pretty-select--birth .kruh-pretty-select__button::before{
    content:""!important;
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    display:block!important;
    background-color:#2563eb!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4M16 2v4M3 10h18M5 5h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4M16 2v4M3 10h18M5 5h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  }

  body .home-register-inline .register .kruh-pretty-select--birth .kruh-pretty-select__button{
    justify-content:flex-start!important;
  }

  body .home-register-inline .register .kruh-pretty-select--birth .kruh-pretty-select__button .kruh-pretty-select__chevron{
    margin-left:auto!important;
  }

  body .home-register-inline .register .kruh-pretty-select__chevron{
    width:9px!important;
    height:9px!important;
    border-right:2px solid #0f172a!important;
    border-bottom:2px solid #0f172a!important;
    flex:0 0 9px!important;
    opacity:.9!important;
  }

  body .home-register-inline .register .kruh-pretty-select__menu{
    top:calc(100% + 10px)!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    max-height:252px!important;
    padding:8px!important;
    border-radius:18px!important;
    border:1px solid rgba(96,165,250,.42)!important;
    background:
      radial-gradient(circle at 20% -12%,rgba(255,255,255,1),rgba(255,255,255,0) 48%),
      linear-gradient(180deg,rgba(255,255,255,.99),rgba(232,242,255,.97))!important;
    box-shadow:
      0 24px 52px rgba(15,23,42,.18),
      0 0 0 1px rgba(255,255,255,.78) inset!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(59,130,246,.72) rgba(226,232,240,.50)!important;
  }

  body .home-register-inline .register .kruh-pretty-select__menu::-webkit-scrollbar{
    width:7px!important;
  }
  body .home-register-inline .register .kruh-pretty-select__menu::-webkit-scrollbar-track{
    background:rgba(226,232,240,.52)!important;
    border-radius:999px!important;
  }
  body .home-register-inline .register .kruh-pretty-select__menu::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#60a5fa,#2563eb)!important;
    border:1px solid rgba(255,255,255,.85)!important;
    border-radius:999px!important;
  }

  body .home-register-inline .register .kruh-pretty-select__option{
    min-height:34px!important;
    padding:8px 10px!important;
    border-radius:12px!important;
    font-weight:900!important;
    color:#0f172a!important;
    background:transparent!important;
  }

  body .home-register-inline .register .kruh-pretty-select__option:hover,
  body .home-register-inline .register .kruh-pretty-select__option:focus-visible{
    background:linear-gradient(180deg,rgba(219,234,254,.92),rgba(239,246,255,.96))!important;
    color:#1d4ed8!important;
  }

  body .home-register-inline .register .kruh-pretty-select__option.is-selected{
    background:linear-gradient(180deg,#3b82f6,#2563eb)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 18px rgba(37,99,235,.16)!important;
  }

  body .home-register-inline .register .register-gender-visual__options{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
    max-width:420px!important;
  }

  body .home-register-inline .register .register-gender-visual__option{
    min-height:46px!important;
    border-radius:18px!important;
  }
}

@media (min-width: 761px) and (max-width: 1380px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg,
  body.page-register .bg,
  body.page-auth-register .bg,
  body.page-auth.page-register .bg{
    padding-top:124px!important;
  }

  body.page-home .home-hero,
  body.page-home-login .home-hero,
  body.page-home-register .home-hero,
  body.page-register .home-hero,
  body.page-auth-register .home-hero,
  body.page-auth.page-register .home-hero{
    margin-top:10px!important;
  }

  body.page-home .register-birth-inline-force,
  body.page-home-login .register-birth-inline-force,
  body.page-home-register .register-birth-inline-force,
  body.page-register .register-birth-inline-force,
  body.page-auth-register .register-birth-inline-force,
  body.page-auth.page-register .register-birth-inline-force,
  body .home-register-inline .register .birthdate-selects,
  body .home-register-inline .register .register-birth-inline-force{
    grid-template-columns:minmax(112px,120px) minmax(160px,176px) minmax(126px,140px)!important;
    gap:11px!important;
    max-width:448px!important;
  }
}

/* IG216.18_DESKTOP_AUTH_TRUE_CUSTOM_SELECT_REPAIR
   Desktop/tablet repair after IG216.17: force real custom select facade from 761px up so
   browser native dropdowns never appear on desktop auth. Keeps mobile native behavior below 761px. */
@media (min-width:761px){
  body.page-home .home-register-inline .register,
  body.page-home-register .home-register-inline .register{
    --kruh-auth-field-bg:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(242,248,255,.94) 100%);
    --kruh-auth-field-border:rgba(96,165,250,.42);
    --kruh-auth-field-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 22px rgba(37,99,235,.06);
  }

  body.page-home .bg{
    padding-top:clamp(50px,5.8vh,78px)!important;
  }

  body.page-home .hero-grid{
    align-items:start!important;
  }

  body.page-home .home-register-inline,
  body.page-home .home-register-inline .register.card,
  body.page-home .home-register-inline .mobile-register-card{
    margin-top:0!important;
  }

  body.page-home .home-login__inp,
  body.page-home .pwfield--sm,
  body.page-home .pwfield--sm .pwfield__inp,
  body.page-home-login .home-login__inp,
  body.page-home-login .pwfield--sm,
  body.page-home-login .pwfield--sm .pwfield__inp{
    height:42px!important;
    min-height:42px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(117,171,250,.62) 0%,rgba(67,139,240,.68) 52%,rgba(49,119,222,.72) 100%)!important;
    border:1px solid rgba(191,219,254,.78)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 0 -12px 24px rgba(29,78,216,.18),0 0 0 1px rgba(255,255,255,.08),0 10px 24px rgba(15,23,42,.16)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-weight:850!important;
    letter-spacing:-.01em!important;
  }

  body.page-home .home-login__inp::placeholder,
  body.page-home .pwfield--sm .pwfield__inp::placeholder,
  body.page-home-login .home-login__inp::placeholder,
  body.page-home-login .pwfield--sm .pwfield__inp::placeholder{
    color:rgba(255,255,255,.92)!important;
    -webkit-text-fill-color:rgba(255,255,255,.92)!important;
    opacity:1!important;
  }

  body.page-home .home-login__inp:focus,
  body.page-home .pwfield--sm:focus-within,
  body.page-home-login .home-login__inp:focus,
  body.page-home-login .pwfield--sm:focus-within{
    outline:none!important;
    border-color:rgba(255,255,255,.92)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 0 -12px 24px rgba(29,78,216,.16),0 0 0 3px rgba(147,197,253,.28),0 12px 28px rgba(15,23,42,.18)!important;
  }

  body.page-home .home-register-inline .register .birthdate-selects,
  body.page-home .home-register-inline .register .birthdate-selects--register-inline,
  body.page-home .home-register-inline .register .register-birth-inline-force{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
  }

  body.page-home .home-register-inline .register select.kruh-select-native,
  body.page-home .home-register-inline .register select[name="birth_day"].kruh-select-native,
  body.page-home .home-register-inline .register select[name="birth_month"].kruh-select-native,
  body.page-home .home-register-inline .register select[name="birth_year"].kruh-select-native{
    position:absolute!important;
    left:-9999px!important;
    top:auto!important;
    width:1px!important;
    height:1px!important;
    min-width:1px!important;
    max-width:1px!important;
    min-height:1px!important;
    opacity:0!important;
    pointer-events:none!important;
    display:block!important;
    overflow:hidden!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select{
    position:relative!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
    z-index:30!important;
    font-family:inherit!important;
    vertical-align:top!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--birth:nth-of-type(1),
  body.page-home .home-register-inline .register select[name="birth_day"] + .kruh-pretty-select--birth{
    width:142px!important;
    min-width:142px!important;
    max-width:142px!important;
  }

  body.page-home .home-register-inline .register select[name="birth_month"] + .kruh-pretty-select--birth{
    width:178px!important;
    min-width:178px!important;
    max-width:178px!important;
  }

  body.page-home .home-register-inline .register select[name="birth_year"] + .kruh-pretty-select--birth{
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__button{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:0 14px!important;
    border:1px solid var(--kruh-auth-field-border)!important;
    border-radius:999px!important;
    background:var(--kruh-auth-field-bg)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    font-size:14px!important;
    font-weight:850!important;
    line-height:1!important;
    text-align:left!important;
    cursor:pointer!important;
    box-shadow:var(--kruh-auth-field-shadow)!important;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--birth .kruh-pretty-select__button::before{
    content:""!important;
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    display:block!important;
    background-color:#2563eb!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") center/contain no-repeat!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__value{
    flex:1 1 auto!important;
    min-width:0!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__chevron{
    width:8px!important;
    height:8px!important;
    flex:0 0 8px!important;
    border-right:2px solid currentColor!important;
    border-bottom:2px solid currentColor!important;
    transform:rotate(45deg) translateY(-2px)!important;
    opacity:.9!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select.is-open .kruh-pretty-select__button,
  body.page-home .home-register-inline .register .kruh-pretty-select__button:focus-visible{
    outline:none!important;
    border-color:rgba(37,99,235,.72)!important;
    box-shadow:0 0 0 3px rgba(37,99,235,.14),0 12px 26px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select.is-open{
    z-index:9999!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    max-height:244px!important;
    overflow:auto!important;
    display:none!important;
    padding:7px!important;
    border:1px solid rgba(147,197,253,.62)!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(239,246,255,.98))!important;
    box-shadow:0 22px 54px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.95)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    animation:kruhSelect21618In .16s cubic-bezier(.2,.8,.2,1) both!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select.is-open .kruh-pretty-select__menu{
    display:block!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__option{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:8px 11px!important;
    margin:0 0 3px!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    color:#0f172a!important;
    font-size:14px!important;
    font-weight:850!important;
    line-height:1.1!important;
    text-align:left!important;
    cursor:pointer!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__option:hover,
  body.page-home .home-register-inline .register .kruh-pretty-select__option:focus{
    outline:none!important;
    background:linear-gradient(135deg,rgba(219,234,254,.90),rgba(239,246,255,.98))!important;
    color:#1d4ed8!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select__option.is-selected{
    background:linear-gradient(135deg,#2563eb,#60a5fa)!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(37,99,235,.18)!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__options{
    display:grid!important;
    grid-template-columns:minmax(150px,1fr) minmax(150px,1fr)!important;
    gap:14px!important;
    max-width:100%!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__option{
    min-height:46px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(242,248,255,.94))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 20px rgba(37,99,235,.05)!important;
    font-weight:850!important;
  }

  @keyframes kruhSelect21618In{
    from{opacity:0;transform:translateY(-5px) scale(.985)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }
}

/* IG216.20 — desktop auth rollback repair: restore stable login tone, balanced vertical offset and non-broken birth selects. */
@media (min-width:761px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg{
    padding-top:clamp(62px,6.2vh,82px)!important;
  }

  body.page-home .hero-grid,
  body.page-home-login .hero-grid,
  body.page-home-register .hero-grid{
    align-items:start!important;
  }

  body.page-home .home-hero,
  body.page-home-login .home-hero,
  body.page-home-register .home-hero,
  body.page-home .home-register-inline,
  body.page-home-login .home-register-inline,
  body.page-home-register .home-register-inline{
    margin-top:0!important;
  }

  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:min(720px,54vw)!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:minmax(260px,1fr) minmax(230px,.88fr) auto!important;
    gap:12px!important;
    align-items:center!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field{
    height:40px!important;
    min-height:40px!important;
    border-radius:999px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 24% 0%,rgba(255,255,255,.62) 0%,rgba(255,255,255,.23) 39%,rgba(255,255,255,0) 67%),
      linear-gradient(180deg,rgba(125,184,255,.72) 0%,rgba(79,153,241,.75) 52%,rgba(48,119,224,.78) 100%)!important;
    border:1px solid rgba(219,234,254,.72)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.70),inset 0 -12px 20px rgba(30,64,175,.13),0 0 0 1px rgba(255,255,255,.13),0 8px 18px rgba(15,23,42,.14)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::after,
  body.page-home-login .kruh-desktop-topbar-login__field::after,
  body.page-home-register .kruh-desktop-topbar-login__field::after{
    content:""!important;
    position:absolute!important;
    inset:2px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.18),rgba(255,255,255,.05))!important;
    pointer-events:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field:focus-within{
    border-color:rgba(255,255,255,.90)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.78),inset 0 -12px 20px rgba(30,64,175,.10),0 0 0 3px rgba(191,219,254,.20),0 10px 22px rgba(15,23,42,.16)!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon,
  body.page-home-login .kruh-desktop-topbar-login__icon,
  body.page-home-register .kruh-desktop-topbar-login__icon{
    color:rgba(255,255,255,.90)!important;
    -webkit-text-fill-color:rgba(255,255,255,.90)!important;
    opacity:.95!important;
  }

  body.page-home .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-home-login .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-home-register .topbar__loginRow .kruh-desktop-topbar-login__input{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:-.012em!important;
  }

  body.page-home .topbar__loginRow .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-login .topbar__loginRow .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-register .topbar__loginRow .kruh-desktop-topbar-login__input::placeholder{
    color:rgba(255,255,255,.93)!important;
    -webkit-text-fill-color:rgba(255,255,255,.93)!important;
    opacity:1!important;
  }

  body.page-home .topbar__loginRow .pwfield__toggle,
  body.page-home-login .topbar__loginRow .pwfield__toggle,
  body.page-home-register .topbar__loginRow .pwfield__toggle{
    color:rgba(255,255,255,.86)!important;
    -webkit-text-fill-color:rgba(255,255,255,.86)!important;
    opacity:.94!important;
  }

  body.page-home .home-register-inline .register .birthdate-selects,
  body.page-home .home-register-inline .register .birthdate-selects--register-inline,
  body.page-home .home-register-inline .register .register-birth-inline-force{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--birth{
    display:inline-flex!important;
    flex:0 0 auto!important;
    position:relative!important;
    min-width:0!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--birth[data-select-name="birth_day"]{width:132px!important;min-width:132px!important;}
  body.page-home .home-register-inline .register .kruh-pretty-select--birth[data-select-name="birth_month"]{width:174px!important;min-width:174px!important;}
  body.page-home .home-register-inline .register .kruh-pretty-select--birth[data-select-name="birth_year"]{width:146px!important;min-width:146px!important;}

  body.page-home .home-register-inline .register .kruh-pretty-select--birth .kruh-pretty-select__button{
    height:44px!important;
    min-height:44px!important;
    width:100%!important;
    border-radius:18px!important;
    padding:0 14px!important;
    gap:9px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(239,247,255,.94))!important;
    border:1px solid rgba(96,165,250,.55)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 8px 18px rgba(37,99,235,.07)!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    font-weight:900!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--birth .kruh-pretty-select__menu{
    border-radius:18px!important;
    padding:7px!important;
    max-height:230px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(239,247,255,.98))!important;
    border:1px solid rgba(147,197,253,.68)!important;
    box-shadow:0 22px 46px rgba(15,23,42,.15),inset 0 1px 0 rgba(255,255,255,.95)!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--birth .kruh-pretty-select__option{
    border-radius:12px!important;
    min-height:32px!important;
    padding:8px 10px!important;
    font-weight:850!important;
  }
}

@media (min-width:761px) and (max-width:1380px){
  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{max-width:650px!important;}
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{grid-template-columns:minmax(240px,1fr) minmax(210px,.88fr) auto!important;gap:10px!important;}
}

/* IG216.21 — desktop auth navbar visual polish: darker unified pill inputs and balanced lower auth offset. */
@media (min-width:761px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg{
    padding-top:clamp(84px,7.6vh,106px)!important;
  }

  body.page-home .hero-grid,
  body.page-home-login .hero-grid,
  body.page-home-register .hero-grid{
    align-items:start!important;
  }

  body.page-home .home-hero,
  body.page-home-login .home-hero,
  body.page-home-register .home-hero,
  body.page-home .home-register-inline,
  body.page-home-login .home-register-inline,
  body.page-home-register .home-register-inline{
    margin-top:0!important;
  }

  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:min(700px,53vw)!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:minmax(260px,1fr) minmax(226px,.86fr) auto!important;
    gap:13px!important;
    align-items:center!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field,
  body.page-home .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-login .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-register .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field{
    position:relative!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    border-radius:999px!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at 32% 4%,rgba(255,255,255,.50) 0%,rgba(255,255,255,.20) 36%,rgba(255,255,255,0) 68%),
      linear-gradient(180deg,rgba(121,183,255,.76) 0%,rgba(70,145,236,.84) 46%,rgba(39,112,217,.92) 100%)!important;
    border:1px solid rgba(219,234,254,.68)!important;
    outline:1px solid rgba(20,82,196,.36)!important;
    outline-offset:-3px!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.66),
      inset 0 -13px 22px rgba(29,78,216,.24),
      inset 0 0 18px rgba(147,197,253,.20),
      0 8px 18px rgba(15,23,42,.15)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password,
  body.page-home-login .kruh-desktop-topbar-login__field--password,
  body.page-home-register .kruh-desktop-topbar-login__field--password{
    border-radius:999px!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::before,
  body.page-home-login .kruh-desktop-topbar-login__field::before,
  body.page-home-register .kruh-desktop-topbar-login__field::before{
    content:""!important;
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    top:4px!important;
    height:13px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.50),rgba(255,255,255,0))!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::after,
  body.page-home-login .kruh-desktop-topbar-login__field::after,
  body.page-home-register .kruh-desktop-topbar-login__field::after{
    content:""!important;
    position:absolute!important;
    inset:2px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  body.page-home .kruh-desktop-topbar-login__field > *,
  body.page-home-login .kruh-desktop-topbar-login__field > *,
  body.page-home-register .kruh-desktop-topbar-login__field > *{
    position:relative!important;
    z-index:1!important;
  }

  body.page-home .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field:focus-within{
    border-color:rgba(255,255,255,.88)!important;
    outline-color:rgba(191,219,254,.42)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.78),
      inset 0 -13px 22px rgba(29,78,216,.18),
      inset 0 0 20px rgba(147,197,253,.26),
      0 0 0 3px rgba(191,219,254,.18),
      0 10px 21px rgba(15,23,42,.17)!important;
  }

  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-home-register .kruh-desktop-topbar-login__input,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:-.012em!important;
    text-shadow:0 1px 0 rgba(15,23,42,.14)!important;
  }

  body.page-home .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-login .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-register .kruh-desktop-topbar-login__input::placeholder,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder{
    color:rgba(255,255,255,.96)!important;
    -webkit-text-fill-color:rgba(255,255,255,.96)!important;
    opacity:1!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon,
  body.page-home-login .kruh-desktop-topbar-login__icon,
  body.page-home-register .kruh-desktop-topbar-login__icon,
  body.page-home .topbar__loginRow .pwfield__toggle,
  body.page-home-login .topbar__loginRow .pwfield__toggle,
  body.page-home-register .topbar__loginRow .pwfield__toggle{
    color:rgba(255,255,255,.92)!important;
    -webkit-text-fill-color:rgba(255,255,255,.92)!important;
    opacity:.96!important;
    text-shadow:0 1px 0 rgba(15,23,42,.12)!important;
  }

  body.page-home .topbar__loginRow .pwfield__toggle,
  body.page-home-login .topbar__loginRow .pwfield__toggle,
  body.page-home-register .topbar__loginRow .pwfield__toggle{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__submit,
  body.page-home-login .kruh-desktop-topbar-login__submit,
  body.page-home-register .kruh-desktop-topbar-login__submit{
    height:42px!important;
    min-height:42px!important;
    border-radius:14px!important;
    padding-inline:22px!important;
    background:linear-gradient(180deg,#60a5fa 0%,#3b82f6 100%)!important;
    border:1px solid rgba(191,219,254,.45)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 8px 18px rgba(15,23,42,.16)!important;
  }
}

@media (min-width:761px) and (max-width:1380px){
  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{max-width:670px!important;}
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{grid-template-columns:minmax(252px,1fr) minmax(222px,.88fr) auto!important;gap:12px!important;}
}

/* IG216.22 — Desktop auth navbar input click + visual polish stabilization */
@media (min-width:761px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg{
    padding-top:clamp(54px,5.6vh,76px)!important;
  }

  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:min(730px,54vw)!important;
    width:auto!important;
    margin-left:auto!important;
    pointer-events:auto!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:minmax(292px,1fr) minmax(236px,.82fr) auto!important;
    gap:12px!important;
    align-items:center!important;
    pointer-events:auto!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field,
  body.page-home .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-login .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-register .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    overflow:hidden!important;
    padding:0 13px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.10) 23%,rgba(255,255,255,0) 43%),
      linear-gradient(180deg,rgba(104,172,255,.86) 0%,rgba(58,136,232,.90) 50%,rgba(31,97,205,.96) 100%)!important;
    border:1px solid rgba(210,232,255,.78)!important;
    outline:1px solid rgba(10,65,180,.34)!important;
    outline-offset:-3px!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.72),
      inset 0 -10px 18px rgba(17,80,190,.28),
      inset 0 0 0 1px rgba(255,255,255,.14),
      0 7px 14px rgba(13,45,120,.17)!important;
    transform:translateZ(0)!important;
    pointer-events:auto!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password,
  body.page-home-login .kruh-desktop-topbar-login__field--password,
  body.page-home-register .kruh-desktop-topbar-login__field--password{
    border-radius:999px!important;
    min-width:0!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::before,
  body.page-home-login .kruh-desktop-topbar-login__field::before,
  body.page-home-register .kruh-desktop-topbar-login__field::before{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    right:13px!important;
    top:4px!important;
    height:11px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,0))!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::after,
  body.page-home-login .kruh-desktop-topbar-login__field::after,
  body.page-home-register .kruh-desktop-topbar-login__field::after{
    content:""!important;
    position:absolute!important;
    inset:3px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  body.page-home .kruh-desktop-topbar-login__field > *,
  body.page-home-login .kruh-desktop-topbar-login__field > *,
  body.page-home-register .kruh-desktop-topbar-login__field > *{
    position:relative!important;
    z-index:2!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon,
  body.page-home-login .kruh-desktop-topbar-login__icon,
  body.page-home-register .kruh-desktop-topbar-login__icon{
    flex:0 0 auto!important;
    width:15px!important;
    min-width:15px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:rgba(255,255,255,.92)!important;
    -webkit-text-fill-color:rgba(255,255,255,.92)!important;
    opacity:.98!important;
    pointer-events:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-home-register .kruh-desktop-topbar-login__input,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp{
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    font-size:12.3px!important;
    font-weight:850!important;
    letter-spacing:-.02em!important;
    line-height:38px!important;
    text-shadow:0 1px 0 rgba(15,23,42,.16)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  body.page-home .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-login .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-register .kruh-desktop-topbar-login__input::placeholder,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder{
    color:rgba(255,255,255,.98)!important;
    -webkit-text-fill-color:rgba(255,255,255,.98)!important;
    opacity:1!important;
  }

  body.page-home .topbar__loginRow .pwfield__toggle,
  body.page-home-login .topbar__loginRow .pwfield__toggle,
  body.page-home-register .topbar__loginRow .pwfield__toggle{
    flex:0 0 26px!important;
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    padding:0!important;
    margin:0 -3px 0 2px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.86)!important;
    -webkit-text-fill-color:rgba(255,255,255,.86)!important;
    opacity:.96!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    z-index:4!important;
  }

  body.page-home .topbar__loginRow .pwfield__caps,
  body.page-home-login .topbar__loginRow .pwfield__caps,
  body.page-home-register .topbar__loginRow .pwfield__caps{
    display:none!important;
    pointer-events:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field:focus-within{
    border-color:rgba(232,244,255,.96)!important;
    outline-color:rgba(191,219,254,.46)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.82),
      inset 0 -10px 18px rgba(17,80,190,.22),
      inset 0 0 0 1px rgba(255,255,255,.18),
      0 0 0 2px rgba(191,219,254,.20),
      0 8px 16px rgba(13,45,120,.18)!important;
  }

  body.page-home .kruh-desktop-topbar-login__submit,
  body.page-home-login .kruh-desktop-topbar-login__submit,
  body.page-home-register .kruh-desktop-topbar-login__submit{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    border-radius:12px!important;
    padding-inline:19px!important;
    min-width:118px!important;
    background:linear-gradient(180deg,#5aa7fb 0%,#3787ee 100%)!important;
    border:1px solid rgba(205,230,255,.45)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 7px 14px rgba(13,45,120,.16)!important;
    font-size:13px!important;
    font-weight:900!important;
  }
}

@media (min-width:761px) and (max-width:1380px){
  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:690px!important;
  }
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:minmax(286px,1fr) minmax(230px,.82fr) auto!important;
    gap:11px!important;
  }
}


/* IG216.23 — Desktop auth navbar premium pill rebuild + balanced offset
   Purpose: stabilize the desktop guest navbar login after IG216.22 without touching mobile auth animations. */
@media (min-width:761px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg{
    padding-top:clamp(74px,7.4vh,102px)!important;
  }

  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:min(760px,55vw)!important;
    width:auto!important;
    margin-left:auto!important;
    pointer-events:auto!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:minmax(320px,1fr) minmax(262px,.82fr) auto!important;
    gap:12px!important;
    align-items:center!important;
    pointer-events:auto!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field,
  body.page-home .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-login .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-register .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field{
    position:relative!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    overflow:hidden!important;
    padding:0 13px!important;
    background:
      radial-gradient(120% 120% at 18% 0%,rgba(255,255,255,.44) 0%,rgba(255,255,255,.18) 28%,rgba(255,255,255,0) 54%),
      linear-gradient(180deg,#68a9fb 0%,#438ee8 48%,#2d6fd3 100%)!important;
    border:1px solid rgba(210,234,255,.82)!important;
    outline:0!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.72),
      inset 0 -8px 16px rgba(12,70,166,.28),
      inset 0 0 0 1px rgba(37,99,235,.22),
      0 1px 0 rgba(255,255,255,.18),
      0 6px 13px rgba(13,45,120,.18)!important;
    transform:none!important;
    pointer-events:auto!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::before,
  body.page-home-login .kruh-desktop-topbar-login__field::before,
  body.page-home-register .kruh-desktop-topbar-login__field::before{
    content:""!important;
    position:absolute!important;
    left:11px!important;
    right:11px!important;
    top:3px!important;
    height:10px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,255,255,0))!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::after,
  body.page-home-login .kruh-desktop-topbar-login__field::after,
  body.page-home-register .kruh-desktop-topbar-login__field::after{
    content:""!important;
    position:absolute!important;
    inset:2px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.30)!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  body.page-home .kruh-desktop-topbar-login__field > *,
  body.page-home-login .kruh-desktop-topbar-login__field > *,
  body.page-home-register .kruh-desktop-topbar-login__field > *{
    position:relative!important;
    z-index:2!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password,
  body.page-home-login .kruh-desktop-topbar-login__field--password,
  body.page-home-register .kruh-desktop-topbar-login__field--password{
    border-radius:999px!important;
    min-width:0!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon,
  body.page-home-login .kruh-desktop-topbar-login__icon,
  body.page-home-register .kruh-desktop-topbar-login__icon{
    flex:0 0 15px!important;
    width:15px!important;
    min-width:15px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:rgba(255,255,255,.94)!important;
    -webkit-text-fill-color:rgba(255,255,255,.94)!important;
    opacity:.96!important;
    pointer-events:none!important;
    filter:drop-shadow(0 1px 0 rgba(12,54,140,.16))!important;
  }

  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-home-register .kruh-desktop-topbar-login__input,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp{
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:-.015em!important;
    line-height:36px!important;
    text-shadow:0 1px 0 rgba(15,23,42,.17)!important;
    opacity:1!important;
    pointer-events:auto!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  body.page-home .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-login .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-register .kruh-desktop-topbar-login__input::placeholder,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder{
    color:rgba(255,255,255,.97)!important;
    -webkit-text-fill-color:rgba(255,255,255,.97)!important;
    opacity:1!important;
  }

  body.page-home .topbar__loginRow .pwfield__toggle,
  body.page-home-login .topbar__loginRow .pwfield__toggle,
  body.page-home-register .topbar__loginRow .pwfield__toggle{
    flex:0 0 24px!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    padding:0!important;
    margin:0 -2px 0 2px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.88)!important;
    -webkit-text-fill-color:rgba(255,255,255,.88)!important;
    opacity:.96!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    z-index:5!important;
  }

  body.page-home .topbar__loginRow .pwfield__caps,
  body.page-home-login .topbar__loginRow .pwfield__caps,
  body.page-home-register .topbar__loginRow .pwfield__caps{
    display:none!important;
    pointer-events:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field:focus-within{
    border-color:rgba(235,247,255,.96)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.78),
      inset 0 -8px 16px rgba(12,70,166,.22),
      inset 0 0 0 1px rgba(255,255,255,.16),
      0 0 0 2px rgba(147,197,253,.26),
      0 7px 14px rgba(13,45,120,.18)!important;
  }

  body.page-home .kruh-desktop-topbar-login__submit,
  body.page-home-login .kruh-desktop-topbar-login__submit,
  body.page-home-register .kruh-desktop-topbar-login__submit{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    border-radius:12px!important;
    padding-inline:19px!important;
    min-width:116px!important;
    background:linear-gradient(180deg,#5aa7fb 0%,#3787ee 100%)!important;
    border:1px solid rgba(205,230,255,.45)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 6px 13px rgba(13,45,120,.16)!important;
    font-size:12.7px!important;
    font-weight:900!important;
  }
}

@media (min-width:761px) and (max-width:1380px){
  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:710px!important;
  }
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:minmax(306px,1fr) minmax(248px,.82fr) auto!important;
    gap:11px!important;
  }
  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-home-register .kruh-desktop-topbar-login__input,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp{
    font-size:11.7px!important;
  }
}

/* IG216.25_DESKTOP_AUTH_NAVBAR_COMPONENT_RESET
   Desktop-only reset of the guest navbar login. Removes the accumulated double-outline/glow layers
   from IG216.21-IG216.24 and replaces them with one stable pill component. Mobile auth stays untouched
   because all selectors are gated behind min-width:761px. */
@media (min-width:761px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg{
    padding-top:clamp(72px,6.8vh,94px)!important;
  }

  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:min(700px,54vw)!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:minmax(300px,1fr) minmax(250px,.86fr) auto!important;
    gap:12px!important;
    align-items:center!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field,
  body.page-home .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-login .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-register .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:0 15px!important;
    border-radius:999px!important;
    overflow:hidden!important;
    pointer-events:auto!important;
    border:1px solid rgba(190,222,255,.58)!important;
    outline:0!important;
    background:linear-gradient(180deg,rgba(88,160,244,.96) 0%,rgba(49,123,222,.96) 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.52),inset 0 -10px 18px rgba(18,74,171,.18),0 5px 13px rgba(13,45,120,.16)!important;
    transform:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::before,
  body.page-home-login .kruh-desktop-topbar-login__field::before,
  body.page-home-register .kruh-desktop-topbar-login__field::before,
  body.page-home .kruh-desktop-topbar-login__field::after,
  body.page-home-login .kruh-desktop-topbar-login__field::after,
  body.page-home-register .kruh-desktop-topbar-login__field::after{
    content:none!important;
    display:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__field > *,
  body.page-home-login .kruh-desktop-topbar-login__field > *,
  body.page-home-register .kruh-desktop-topbar-login__field > *{
    position:relative!important;
    z-index:1!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon,
  body.page-home-login .kruh-desktop-topbar-login__icon,
  body.page-home-register .kruh-desktop-topbar-login__icon{
    flex:0 0 17px!important;
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    color:rgba(255,255,255,.93)!important;
    -webkit-text-fill-color:rgba(255,255,255,.93)!important;
    opacity:.95!important;
    line-height:1!important;
    filter:none!important;
    pointer-events:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-home-register .kruh-desktop-topbar-login__input,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp{
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:12.5px!important;
    font-weight:850!important;
    letter-spacing:-.012em!important;
    line-height:40px!important;
    text-align:left!important;
    text-shadow:none!important;
    opacity:1!important;
    pointer-events:auto!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.page-home .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-login .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-register .kruh-desktop-topbar-login__input::placeholder,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder{
    color:rgba(255,255,255,.94)!important;
    -webkit-text-fill-color:rgba(255,255,255,.94)!important;
    opacity:1!important;
  }

  body.page-home .topbar__loginRow .pwfield__toggle,
  body.page-home-login .topbar__loginRow .pwfield__toggle,
  body.page-home-register .topbar__loginRow .pwfield__toggle{
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    padding:0!important;
    margin:0 -4px 0 4px!important;
    position:relative!important;
    inset:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.84)!important;
    -webkit-text-fill-color:rgba(255,255,255,.84)!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    z-index:3!important;
  }

  body.page-home .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field:focus-within{
    border-color:rgba(226,242,255,.88)!important;
    background:linear-gradient(180deg,rgba(94,169,250,.98) 0%,rgba(47,120,222,.98) 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -10px 18px rgba(18,74,171,.16),0 0 0 2px rgba(147,197,253,.20),0 6px 14px rgba(13,45,120,.17)!important;
  }

  body.page-home .kruh-desktop-topbar-login__submit,
  body.page-home-login .kruh-desktop-topbar-login__submit,
  body.page-home-register .kruh-desktop-topbar-login__submit{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    border-radius:13px!important;
    padding-inline:20px!important;
    min-width:118px!important;
    background:linear-gradient(180deg,#5aa8fb 0%,#3486ee 100%)!important;
    border:1px solid rgba(211,235,255,.48)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 6px 13px rgba(13,45,120,.15)!important;
    font-size:12.8px!important;
    font-weight:900!important;
  }
}

@media (min-width:761px) and (max-width:1380px){
  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:680px!important;
  }
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:minmax(286px,1fr) minmax(240px,.86fr) auto!important;
    gap:11px!important;
  }
}

/* IG216.26_DESKTOP_AUTH_NAVBAR_PILL_ALIGNMENT_STRENGTH
   Desktop-only polish after IG216.25: calm down the reflective navbar pills, align icons/text
   on one baseline, keep the password field clickable, and make login password strength visible
   through the pill border/glow without touching mobile auth. */
@media (min-width:761px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg{
    padding-top:clamp(82px,7.2vh,108px)!important;
  }

  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:min(704px,54vw)!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:minmax(306px,1fr) minmax(252px,.86fr) auto!important;
    gap:12px!important;
    align-items:center!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field,
  body.page-home .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-login .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-register .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field{
    box-sizing:border-box!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    overflow:hidden!important;
    isolation:isolate!important;
    pointer-events:auto!important;
    border:1px solid rgba(177,216,255,.70)!important;
    outline:0!important;
    background:
      linear-gradient(180deg,rgba(108,173,246,.72) 0%,rgba(68,138,226,.84) 48%,rgba(35,101,204,.92) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.45),
      inset 0 -5px 10px rgba(11,63,160,.18),
      0 5px 12px rgba(12,45,120,.14)!important;
    transform:none!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::before,
  body.page-home-login .kruh-desktop-topbar-login__field::before,
  body.page-home-register .kruh-desktop-topbar-login__field::before{
    content:""!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    top:2px!important;
    height:9px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0))!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::after,
  body.page-home-login .kruh-desktop-topbar-login__field::after,
  body.page-home-register .kruh-desktop-topbar-login__field::after{
    content:none!important;
    display:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__field > *,
  body.page-home-login .kruh-desktop-topbar-login__field > *,
  body.page-home-register .kruh-desktop-topbar-login__field > *{
    position:relative!important;
    z-index:1!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon,
  body.page-home-login .kruh-desktop-topbar-login__icon,
  body.page-home-register .kruh-desktop-topbar-login__icon{
    flex:0 0 17px!important;
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    font-size:13px!important;
    color:rgba(255,255,255,.92)!important;
    -webkit-text-fill-color:rgba(255,255,255,.92)!important;
    opacity:.94!important;
    filter:drop-shadow(0 1px 0 rgba(12,45,120,.16))!important;
    pointer-events:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon i,
  body.page-home-login .kruh-desktop-topbar-login__icon i,
  body.page-home-register .kruh-desktop-topbar-login__icon i{
    display:block!important;
    line-height:1!important;
    font-size:13px!important;
    transform:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-home-register .kruh-desktop-topbar-login__input,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp{
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:12.5px!important;
    font-weight:850!important;
    letter-spacing:-.01em!important;
    line-height:38px!important;
    text-align:left!important;
    text-shadow:0 1px 0 rgba(9,38,112,.10)!important;
    opacity:1!important;
    pointer-events:auto!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    vertical-align:middle!important;
  }

  body.page-home .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-login .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-register .kruh-desktop-topbar-login__input::placeholder,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder{
    color:rgba(255,255,255,.92)!important;
    -webkit-text-fill-color:rgba(255,255,255,.92)!important;
    opacity:1!important;
  }

  body.page-home .topbar__loginRow .pwfield__toggle,
  body.page-home-login .topbar__loginRow .pwfield__toggle,
  body.page-home-register .topbar__loginRow .pwfield__toggle{
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    padding:0!important;
    margin:0 -3px 0 3px!important;
    position:relative!important;
    inset:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.82)!important;
    -webkit-text-fill-color:rgba(255,255,255,.82)!important;
    opacity:.94!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    z-index:3!important;
  }

  body.page-home .topbar__loginRow .pwfield__toggle i,
  body.page-home-login .topbar__loginRow .pwfield__toggle i,
  body.page-home-register .topbar__loginRow .pwfield__toggle i{
    line-height:1!important;
    font-size:12.5px!important;
    transform:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field:focus-within{
    border-color:rgba(226,244,255,.88)!important;
    background:linear-gradient(180deg,rgba(116,181,250,.78) 0%,rgba(67,139,229,.88) 50%,rgba(34,100,205,.96) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.50),
      inset 0 -5px 10px rgba(11,63,160,.14),
      0 0 0 2px rgba(147,197,253,.16),
      0 6px 14px rgba(12,45,120,.15)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home-login .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home-register .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home .kruh-desktop-topbar-login__field--password:has(.pw-weak),
  body.page-home-login .kruh-desktop-topbar-login__field--password:has(.pw-weak),
  body.page-home-register .kruh-desktop-topbar-login__field--password:has(.pw-weak){
    border-color:rgba(248,113,113,.78)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -5px 10px rgba(11,63,160,.14),0 0 0 2px rgba(248,113,113,.18),0 5px 12px rgba(12,45,120,.13)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home-login .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home-register .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home .kruh-desktop-topbar-login__field--password:has(.pw-mid),
  body.page-home-login .kruh-desktop-topbar-login__field--password:has(.pw-mid),
  body.page-home-register .kruh-desktop-topbar-login__field--password:has(.pw-mid){
    border-color:rgba(251,191,36,.80)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -5px 10px rgba(11,63,160,.14),0 0 0 2px rgba(251,191,36,.18),0 5px 12px rgba(12,45,120,.13)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home-login .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home-register .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home .kruh-desktop-topbar-login__field--password:has(.pw-strong),
  body.page-home-login .kruh-desktop-topbar-login__field--password:has(.pw-strong),
  body.page-home-register .kruh-desktop-topbar-login__field--password:has(.pw-strong){
    border-color:rgba(74,222,128,.82)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -5px 10px rgba(11,63,160,.14),0 0 0 2px rgba(74,222,128,.18),0 5px 12px rgba(12,45,120,.13)!important;
  }

  body.page-home .kruh-desktop-topbar-login__submit,
  body.page-home-login .kruh-desktop-topbar-login__submit,
  body.page-home-register .kruh-desktop-topbar-login__submit{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    border-radius:13px!important;
    padding-inline:22px!important;
    min-width:120px!important;
    background:linear-gradient(180deg,#59a8fb 0%,#3384ed 100%)!important;
    border:1px solid rgba(211,235,255,.48)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 6px 13px rgba(13,45,120,.14)!important;
    font-size:12.8px!important;
    font-weight:900!important;
  }
}

@media (min-width:761px) and (max-width:1380px){
  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:682px!important;
  }
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:minmax(296px,1fr) minmax(246px,.86fr) auto!important;
    gap:11px!important;
  }
  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-home-register .kruh-desktop-topbar-login__input,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp{
    font-size:12px!important;
  }
}


/* IG216.27 — desktop auth navbar pill final alignment + strength reliability
   Desktop-only: refine the already-good IG216.26 shape without touching mobile auth.
   Goals: less reflective surface, exact icon/text baseline, reliable login password strength state,
   and a slightly lower auth block. */
@media (min-width:761px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg{
    padding-top:clamp(96px,8.1vh,124px)!important;
  }

  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:min(692px,53vw)!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:minmax(318px,1fr) minmax(258px,.84fr) auto!important;
    gap:14px!important;
    align-items:center!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field,
  body.page-home .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-login .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-register .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:0 13px 0 16px!important;
    gap:10px!important;
    border-radius:999px!important;
    border:1px solid rgba(178,220,255,.58)!important;
    background:linear-gradient(180deg,rgba(93,164,244,.80) 0%,rgba(58,132,226,.88) 54%,rgba(38,105,210,.94) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.30),
      inset 0 -2px 4px rgba(10,55,145,.18),
      0 4px 10px rgba(9,36,108,.12)!important;
    overflow:hidden!important;
    transform:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::before,
  body.page-home-login .kruh-desktop-topbar-login__field::before,
  body.page-home-register .kruh-desktop-topbar-login__field::before{
    content:""!important;
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    top:1px!important;
    height:6px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,0))!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon,
  body.page-home-login .kruh-desktop-topbar-login__icon,
  body.page-home-register .kruh-desktop-topbar-login__icon{
    position:relative!important;
    flex:0 0 16px!important;
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    margin:0!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    line-height:1!important;
    color:rgba(245,250,255,.92)!important;
    -webkit-text-fill-color:rgba(245,250,255,.92)!important;
    opacity:.95!important;
    filter:none!important;
    transform:translateY(0)!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon i,
  body.page-home-login .kruh-desktop-topbar-login__icon i,
  body.page-home-register .kruh-desktop-topbar-login__icon i{
    display:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--login .kruh-desktop-topbar-login__icon::before,
  body.page-home-login .kruh-desktop-topbar-login__field--login .kruh-desktop-topbar-login__icon::before,
  body.page-home-register .kruh-desktop-topbar-login__field--login .kruh-desktop-topbar-login__icon::before{
    content:"\f007"!important;
    font-family:"Font Awesome 6 Free", "Font Awesome 5 Free", Arial, sans-serif!important;
    font-weight:400!important;
    font-size:13px!important;
    line-height:1!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password .kruh-desktop-topbar-login__icon::before,
  body.page-home-login .kruh-desktop-topbar-login__field--password .kruh-desktop-topbar-login__icon::before,
  body.page-home-register .kruh-desktop-topbar-login__field--password .kruh-desktop-topbar-login__icon::before{
    content:"\f023"!important;
    font-family:"Font Awesome 6 Free", "Font Awesome 5 Free", Arial, sans-serif!important;
    font-weight:900!important;
    font-size:12px!important;
    line-height:1!important;
  }

  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-home-register .kruh-desktop-topbar-login__input,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    line-height:36px!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    align-self:center!important;
    font-size:12.2px!important;
    font-weight:850!important;
    letter-spacing:-.01em!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 1px 0 rgba(10,45,130,.12)!important;
    transform:translateY(0)!important;
  }

  body.page-home .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-login .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-register .kruh-desktop-topbar-login__input::placeholder,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder{
    color:rgba(255,255,255,.90)!important;
    -webkit-text-fill-color:rgba(255,255,255,.90)!important;
  }

  body.page-home .topbar__loginRow .pwfield__toggle,
  body.page-home-login .topbar__loginRow .pwfield__toggle,
  body.page-home-register .topbar__loginRow .pwfield__toggle{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    flex:0 0 22px!important;
    margin:0 -2px 0 4px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    line-height:1!important;
    color:rgba(245,250,255,.82)!important;
    -webkit-text-fill-color:rgba(245,250,255,.82)!important;
    transform:translateY(0)!important;
    pointer-events:auto!important;
  }

  body.page-home .topbar__loginRow .pwfield__toggle i,
  body.page-home-login .topbar__loginRow .pwfield__toggle i,
  body.page-home-register .topbar__loginRow .pwfield__toggle i{
    font-size:12px!important;
    line-height:1!important;
    transform:translateY(0)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field:focus-within{
    border-color:rgba(220,242,255,.82)!important;
    background:linear-gradient(180deg,rgba(103,174,248,.84) 0%,rgba(61,138,231,.92) 52%,rgba(35,103,210,.98) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.34),
      inset 0 -2px 4px rgba(10,55,145,.16),
      0 0 0 2px rgba(147,197,253,.14),
      0 5px 12px rgba(9,36,108,.13)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home-login .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home-register .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"]{
    border-color:rgba(248,113,113,.86)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -2px 4px rgba(10,55,145,.14),0 0 0 2px rgba(248,113,113,.22),0 4px 10px rgba(9,36,108,.12)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home-login .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home-register .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"]{
    border-color:rgba(251,191,36,.88)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -2px 4px rgba(10,55,145,.14),0 0 0 2px rgba(251,191,36,.22),0 4px 10px rgba(9,36,108,.12)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home-login .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home-register .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"]{
    border-color:rgba(74,222,128,.88)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -2px 4px rgba(10,55,145,.14),0 0 0 2px rgba(74,222,128,.22),0 4px 10px rgba(9,36,108,.12)!important;
  }
}

@media (min-width:761px) and (max-width:1380px){
  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:688px!important;
  }
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:minmax(312px,1fr) minmax(250px,.84fr) auto!important;
    gap:12px!important;
  }
}


/* IG216.28 — desktop auth navbar icon baseline + calmer premium pill polish
   Desktop-only. Keeps the successful mobile auth engine untouched. */
@media (min-width:761px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg{
    padding-top:clamp(108px,8.8vh,136px)!important;
  }

  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:min(742px,55vw)!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:minmax(338px,1fr) minmax(282px,.86fr) auto!important;
    gap:14px!important;
    align-items:center!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field,
  body.page-home .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-login .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-register .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0 14px 0 18px!important;
    gap:11px!important;
    border-radius:999px!important;
    border:1px solid rgba(190,225,255,.62)!important;
    background:linear-gradient(180deg,rgba(93,166,244,.70) 0%,rgba(58,137,229,.84) 48%,rgba(38,108,214,.92) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.22),
      inset 0 -1px 2px rgba(5,42,128,.16),
      0 3px 8px rgba(4,28,91,.10)!important;
    overflow:hidden!important;
    transform:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::before,
  body.page-home-login .kruh-desktop-topbar-login__field::before,
  body.page-home-register .kruh-desktop-topbar-login__field::before{
    content:""!important;
    position:absolute!important;
    inset:1px 10px auto 10px!important;
    height:3px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0))!important;
    pointer-events:none!important;
    z-index:0!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon,
  body.page-home-login .kruh-desktop-topbar-login__icon,
  body.page-home-register .kruh-desktop-topbar-login__icon{
    position:relative!important;
    z-index:1!important;
    flex:0 0 18px!important;
    width:18px!important;
    min-width:18px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    line-height:1!important;
    color:rgba(245,250,255,.96)!important;
    -webkit-text-fill-color:rgba(245,250,255,.96)!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon::before,
  body.page-home-login .kruh-desktop-topbar-login__icon::before,
  body.page-home-register .kruh-desktop-topbar-login__icon::before{
    content:none!important;
    display:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon i,
  body.page-home-login .kruh-desktop-topbar-login__icon i,
  body.page-home-register .kruh-desktop-topbar-login__icon i{
    display:block!important;
    width:18px!important;
    height:18px!important;
    font-size:16px!important;
    line-height:18px!important;
    text-align:center!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password .kruh-desktop-topbar-login__icon i,
  body.page-home-login .kruh-desktop-topbar-login__field--password .kruh-desktop-topbar-login__icon i,
  body.page-home-register .kruh-desktop-topbar-login__field--password .kruh-desktop-topbar-login__icon i{
    font-size:15px!important;
  }

  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-home-register .kruh-desktop-topbar-login__input,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp{
    position:relative!important;
    z-index:1!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    line-height:38px!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    align-self:center!important;
    font-size:12px!important;
    font-weight:850!important;
    letter-spacing:-.015em!important;
    text-align:left!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    background:transparent!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    text-shadow:0 1px 0 rgba(3,31,101,.16)!important;
    transform:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-login .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-register .kruh-desktop-topbar-login__input::placeholder,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp::placeholder{
    color:rgba(255,255,255,.92)!important;
    -webkit-text-fill-color:rgba(255,255,255,.92)!important;
    opacity:1!important;
  }

  body.page-home .topbar__loginRow .pwfield__toggle,
  body.page-home-login .topbar__loginRow .pwfield__toggle,
  body.page-home-register .topbar__loginRow .pwfield__toggle{
    position:relative!important;
    z-index:2!important;
    flex:0 0 24px!important;
    width:24px!important;
    min-width:24px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0 -4px 0 5px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    line-height:1!important;
    color:rgba(245,250,255,.88)!important;
    -webkit-text-fill-color:rgba(245,250,255,.88)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    pointer-events:auto!important;
  }

  body.page-home .topbar__loginRow .pwfield__toggle i,
  body.page-home-login .topbar__loginRow .pwfield__toggle i,
  body.page-home-register .topbar__loginRow .pwfield__toggle i{
    display:block!important;
    font-size:14px!important;
    line-height:1!important;
    margin:0!important;
    transform:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field:focus-within{
    border-color:rgba(225,244,255,.86)!important;
    background:linear-gradient(180deg,rgba(101,176,250,.74) 0%,rgba(59,143,234,.88) 48%,rgba(34,105,216,.96) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.24),
      inset 0 -1px 2px rgba(5,42,128,.14),
      0 0 0 2px rgba(147,197,253,.13),
      0 4px 9px rgba(4,28,91,.11)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength]::after,
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength]::after,
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength]::after{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    right:18px!important;
    bottom:3px!important;
    height:2px!important;
    border-radius:999px!important;
    pointer-events:none!important;
    z-index:1!important;
    opacity:.92!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"]::after,
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"]::after,
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"]::after{
    background:linear-gradient(90deg,#fb7185 0%,#fb7185 34%,rgba(255,255,255,.16) 34%,rgba(255,255,255,.16) 100%)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"]::after,
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"]::after,
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"]::after{
    background:linear-gradient(90deg,#fbbf24 0%,#fbbf24 66%,rgba(255,255,255,.16) 66%,rgba(255,255,255,.16) 100%)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"]::after,
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"]::after,
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"]::after{
    background:linear-gradient(90deg,#4ade80 0%,#4ade80 100%)!important;
  }
}

@media (min-width:761px) and (max-width:1380px){
  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login{
    max-width:724px!important;
  }
  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow{
    grid-template-columns:minmax(328px,1fr) minmax(270px,.86fr) auto!important;
    gap:12px!important;
  }
  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-home-register .kruh-desktop-topbar-login__input,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp{
    font-size:11.8px!important;
  }
}


/* IG216.29 — desktop navbar auth icon centering + password strength color final polish
   Desktop-only: no mobile auth selectors touched. */
@media (min-width:761px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg{
    padding-top:clamp(112px,9.1vh,140px)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field,
  body.page-home .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-login .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-register .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0 15px 0 21px!important;
    gap:12px!important;
    border-radius:999px!important;
    border:1px solid rgba(178,222,255,.64)!important;
    background:linear-gradient(180deg,rgba(77,154,238,.72) 0%,rgba(51,132,224,.88) 52%,rgba(32,103,210,.94) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.18),
      inset 0 -1px 2px rgba(4,37,116,.14),
      0 3px 7px rgba(3,24,82,.11)!important;
    overflow:hidden!important;
  }

  body.page-home .kruh-desktop-topbar-login__field::before,
  body.page-home-login .kruh-desktop-topbar-login__field::before,
  body.page-home-register .kruh-desktop-topbar-login__field::before{
    height:2px!important;
    opacity:.46!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon,
  body.page-home-login .kruh-desktop-topbar-login__icon,
  body.page-home-register .kruh-desktop-topbar-login__icon{
    position:relative!important;
    z-index:2!important;
    flex:0 0 24px!important;
    width:24px!important;
    min-width:24px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    line-height:0!important;
    color:rgba(246,251,255,.98)!important;
    -webkit-text-fill-color:rgba(246,251,255,.98)!important;
    opacity:1!important;
    transform:none!important;
    filter:drop-shadow(0 1px 0 rgba(0,41,120,.14))!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon i,
  body.page-home-login .kruh-desktop-topbar-login__icon i,
  body.page-home-register .kruh-desktop-topbar-login__icon i{
    display:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon::before,
  body.page-home-login .kruh-desktop-topbar-login__icon::before,
  body.page-home-register .kruh-desktop-topbar-login__icon::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:22px!important;
    height:22px!important;
    display:block!important;
    transform:translate(-50%,-50%)!important;
    background:currentColor!important;
    opacity:1!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-position:center!important;
    mask-position:center!important;
    -webkit-mask-size:22px 22px!important;
    mask-size:22px 22px!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--login .kruh-desktop-topbar-login__icon::before,
  body.page-home-login .kruh-desktop-topbar-login__field--login .kruh-desktop-topbar-login__icon::before,
  body.page-home-register .kruh-desktop-topbar-login__field--login .kruh-desktop-topbar-login__icon::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12.5c2.49 0 4.5-2.01 4.5-4.5S14.49 3.5 12 3.5 7.5 5.51 7.5 8s2.01 4.5 4.5 4.5Zm0 2c-3.31 0-7 1.67-7 4.25V20c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-1.25c0-2.58-3.69-4.25-7-4.25Z'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12.5c2.49 0 4.5-2.01 4.5-4.5S14.49 3.5 12 3.5 7.5 5.51 7.5 8s2.01 4.5 4.5 4.5Zm0 2c-3.31 0-7 1.67-7 4.25V20c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-1.25c0-2.58-3.69-4.25-7-4.25Z'/%3E%3C/svg%3E")!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password .kruh-desktop-topbar-login__icon::before,
  body.page-home-login .kruh-desktop-topbar-login__field--password .kruh-desktop-topbar-login__icon::before,
  body.page-home-register .kruh-desktop-topbar-login__field--password .kruh-desktop-topbar-login__icon::before{
    width:21px!important;
    height:21px!important;
    -webkit-mask-size:21px 21px!important;
    mask-size:21px 21px!important;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17 9h-1V7c0-2.21-1.79-4-4-4S8 4.79 8 7v2H7c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2Zm-3 0h-4V7c0-1.1.9-2 2-2s2 .9 2 2v2Z'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17 9h-1V7c0-2.21-1.79-4-4-4S8 4.79 8 7v2H7c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2Zm-3 0h-4V7c0-1.1.9-2 2-2s2 .9 2 2v2Z'/%3E%3C/svg%3E")!important;
  }

  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-home-register .kruh-desktop-topbar-login__input,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    line-height:normal!important;
    padding:0!important;
    display:block!important;
    align-self:center!important;
    font-size:12.4px!important;
    font-weight:850!important;
    letter-spacing:-.012em!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.page-home .topbar__loginRow .pwfield__toggle,
  body.page-home-login .topbar__loginRow .pwfield__toggle,
  body.page-home-register .topbar__loginRow .pwfield__toggle{
    height:38px!important;
    min-height:38px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 -3px 0 6px!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"]{
    border-color:rgba(251,113,133,.82)!important;
    background:linear-gradient(180deg,rgba(91,150,230,.72) 0%,rgba(56,124,216,.88) 52%,rgba(34,94,198,.94) 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 2px rgba(4,37,116,.14),0 0 0 2px rgba(251,113,133,.16),0 3px 7px rgba(3,24,82,.11)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"]{
    border-color:rgba(251,191,36,.86)!important;
    background:linear-gradient(180deg,rgba(88,158,235,.74) 0%,rgba(54,130,220,.89) 52%,rgba(33,101,204,.95) 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 2px rgba(4,37,116,.14),0 0 0 2px rgba(251,191,36,.16),0 3px 7px rgba(3,24,82,.11)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"]{
    border-color:rgba(74,222,128,.88)!important;
    background:linear-gradient(180deg,rgba(78,166,236,.74) 0%,rgba(45,141,213,.90) 52%,rgba(24,122,192,.96) 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 2px rgba(4,37,116,.14),0 0 0 2px rgba(74,222,128,.17),0 3px 7px rgba(3,24,82,.11)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength]::after,
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength]::after,
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength]::after{
    left:24px!important;
    right:42px!important;
    bottom:3px!important;
    height:2px!important;
  }
}


/* IG216.30 — desktop navbar auth SVG icon final alignment + reliable password strength.
   Desktop-only: keeps the accepted pill design and does not touch mobile auth animations. */
@media (min-width:761px){
  body.page-home .bg,
  body.page-home-login .bg,
  body.page-home-register .bg{
    padding-top:clamp(118px,9.4vh,146px)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field,
  body.page-home .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-login .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-register .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:0 15px 0 19px!important;
    border-radius:999px!important;
    overflow:hidden!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon,
  body.page-home-login .kruh-desktop-topbar-login__icon,
  body.page-home-register .kruh-desktop-topbar-login__icon{
    position:relative!important;
    inset:auto!important;
    z-index:3!important;
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    flex:0 0 24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    transform:none!important;
    translate:none!important;
    opacity:1!important;
    color:#f7fbff!important;
    -webkit-text-fill-color:#f7fbff!important;
    filter:drop-shadow(0 1px 0 rgba(0,41,120,.18))!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon::before,
  body.page-home-login .kruh-desktop-topbar-login__icon::before,
  body.page-home-register .kruh-desktop-topbar-login__icon::before,
  body.page-home .kruh-desktop-topbar-login__icon::after,
  body.page-home-login .kruh-desktop-topbar-login__icon::after,
  body.page-home-register .kruh-desktop-topbar-login__icon::after{
    content:none!important;
    display:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon i,
  body.page-home-login .kruh-desktop-topbar-login__icon i,
  body.page-home-register .kruh-desktop-topbar-login__icon i{
    display:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__svg,
  body.page-home-login .kruh-desktop-topbar-login__svg,
  body.page-home-register .kruh-desktop-topbar-login__svg{
    display:block!important;
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    min-height:21px!important;
    flex:0 0 21px!important;
    fill:currentColor!important;
    stroke:none!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    opacity:1!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password .kruh-desktop-topbar-login__svg,
  body.page-home-login .kruh-desktop-topbar-login__field--password .kruh-desktop-topbar-login__svg,
  body.page-home-register .kruh-desktop-topbar-login__field--password .kruh-desktop-topbar-login__svg{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    flex-basis:22px!important;
  }

  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-home-register .kruh-desktop-topbar-login__input,
  body.page-home .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-login .topbar__loginRow .pwfield--sm .pwfield__inp,
  body.page-home-register .topbar__loginRow .pwfield--sm .pwfield__inp{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    line-height:38px!important;
    padding:0!important;
    margin:0!important;
    align-self:center!important;
    display:block!important;
    transform:none!important;
    font-size:12.6px!important;
    font-weight:850!important;
    letter-spacing:-.012em!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.page-home .topbar__loginRow .pwfield__toggle,
  body.page-home-login .topbar__loginRow .pwfield__toggle,
  body.page-home-register .topbar__loginRow .pwfield__toggle{
    position:relative!important;
    z-index:4!important;
    width:26px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0 -2px 0 6px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    line-height:1!important;
    transform:none!important;
  }

  body.page-home .topbar__loginRow .pwfield__toggle i,
  body.page-home-login .topbar__loginRow .pwfield__toggle i,
  body.page-home-register .topbar__loginRow .pwfield__toggle i{
    font-size:14px!important;
    line-height:1!important;
    transform:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"]{
    border-color:rgba(251,113,133,.9)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 0 2px rgba(251,113,133,.18),0 4px 10px rgba(3,24,82,.13)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"]{
    border-color:rgba(251,191,36,.92)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 0 2px rgba(251,191,36,.18),0 4px 10px rgba(3,24,82,.13)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"]{
    border-color:rgba(74,222,128,.94)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 0 2px rgba(74,222,128,.20),0 4px 10px rgba(3,24,82,.13)!important;
  }
}

/* IG216.31 — desktop auth navbar password focus + strength state final polish.
   Desktop-only: keeps accepted pill design, fixes password focus parity and visible strength coloring. */
@media (min-width:761px){
  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field,
  body.page-home .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-login .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-register .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field{
    background:linear-gradient(180deg,rgba(76,156,238,.76) 0%,rgba(47,132,225,.88) 56%,rgba(30,103,205,.96) 100%)!important;
    border:1px solid rgba(190,226,255,.68)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -1px 0 rgba(4,35,118,.12),0 3px 9px rgba(3,24,82,.11)!important;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,filter .16s ease!important;
  }

  body.page-home .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field:focus-within,
  body.page-home .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field:focus-within,
  body.page-home .kruh-desktop-topbar-login__field.is-nav-auth-focused,
  body.page-home-login .kruh-desktop-topbar-login__field.is-nav-auth-focused,
  body.page-home-register .kruh-desktop-topbar-login__field.is-nav-auth-focused{
    border-color:rgba(232,246,255,.96)!important;
    background:linear-gradient(180deg,rgba(92,176,248,.84) 0%,rgba(55,145,236,.94) 54%,rgba(33,113,219,.98) 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 0 2px rgba(130,197,255,.22),0 6px 16px rgba(6,35,111,.18)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home-login .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home-register .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"]{
    border-color:rgba(255,114,134,.96)!important;
    background:linear-gradient(180deg,rgba(86,143,221,.82) 0%,rgba(57,121,205,.94) 56%,rgba(44,87,184,.98) 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 2px rgba(255,114,134,.24),0 6px 16px rgba(82,24,50,.18)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home-login .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home-register .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"]{
    border-color:rgba(252,202,62,.96)!important;
    background:linear-gradient(180deg,rgba(86,155,232,.84) 0%,rgba(53,132,219,.94) 56%,rgba(34,105,204,.98) 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 2px rgba(252,202,62,.24),0 6px 16px rgba(92,65,9,.14)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home-login .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home-register .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"]{
    border-color:rgba(94,234,151,.98)!important;
    background:linear-gradient(180deg,rgba(70,170,224,.84) 0%,rgba(38,145,205,.95) 56%,rgba(20,122,184,.99) 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 2px rgba(94,234,151,.24),0 6px 16px rgba(9,79,67,.16)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password.is-pw-weak:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field--password.is-pw-weak:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field--password.is-pw-weak:focus-within,
  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"]:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"]:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"]:focus-within{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 3px rgba(255,114,134,.27),0 8px 18px rgba(82,24,50,.20)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password.is-pw-mid:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field--password.is-pw-mid:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field--password.is-pw-mid:focus-within,
  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"]:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"]:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"]:focus-within{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 3px rgba(252,202,62,.27),0 8px 18px rgba(92,65,9,.16)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password.is-pw-strong:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field--password.is-pw-strong:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field--password.is-pw-strong:focus-within,
  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"]:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"]:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"]:focus-within{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 3px rgba(94,234,151,.27),0 8px 18px rgba(9,79,67,.18)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength]::after,
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength]::after,
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength]::after{
    content:none!important;
    display:none!important;
  }
}


/* IG216.32 — desktop navbar auth line cleanup + password strength activation
   Desktop-only. Removes legacy pseudo overlays causing vertical lines, centers icons, and
   provides visible password strength states without touching mobile auth. */
@media (min-width:761px){
  body.page-home .kruh-desktop-topbar-login__field::before,
  body.page-home-login .kruh-desktop-topbar-login__field::before,
  body.page-home-register .kruh-desktop-topbar-login__field::before,
  body.page-register .kruh-desktop-topbar-login__field::before,
  body.page-auth-register .kruh-desktop-topbar-login__field::before,
  body.page-auth.page-register .kruh-desktop-topbar-login__field::before,
  body.page-home .kruh-desktop-topbar-login__field::after,
  body.page-home-login .kruh-desktop-topbar-login__field::after,
  body.page-home-register .kruh-desktop-topbar-login__field::after,
  body.page-register .kruh-desktop-topbar-login__field::after,
  body.page-auth-register .kruh-desktop-topbar-login__field::after,
  body.page-auth.page-register .kruh-desktop-topbar-login__field::after{
    content:none!important;
    display:none!important;
    opacity:0!important;
  }

  body.page-home .kruh-desktop-topbar-login__field,
  body.page-home-login .kruh-desktop-topbar-login__field,
  body.page-home-register .kruh-desktop-topbar-login__field,
  body.page-home .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-login .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field,
  body.page-home-register .topbar__loginRow .pwfield--sm.kruh-desktop-topbar-login__field{
    position:relative!important;
    overflow:hidden!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0 44px 0 22px!important;
    background:linear-gradient(180deg,rgba(78,166,238,.90) 0%,rgba(52,142,226,.96) 48%,rgba(28,112,214,.98) 100%)!important;
    border:1px solid rgba(204,236,255,.76)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 4px 12px rgba(4,30,97,.15)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .kruh-desktop-topbar-login__field:focus-within{
    background:linear-gradient(180deg,rgba(85,176,247,.94) 0%,rgba(56,148,235,.98) 50%,rgba(29,116,220,1) 100%)!important;
    border-color:rgba(239,250,255,.98)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 0 0 2px rgba(130,205,255,.22),0 5px 14px rgba(4,30,97,.18)!important;
  }

  body.page-home .kruh-desktop-topbar-login__icon,
  body.page-home-login .kruh-desktop-topbar-login__icon,
  body.page-home-register .kruh-desktop-topbar-login__icon{
    position:static!important;
    inset:auto!important;
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    min-height:22px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 22px!important;
    line-height:1!important;
    color:rgba(255,255,255,.96)!important;
    opacity:1!important;
    z-index:2!important;
  }

  body.page-home .kruh-desktop-topbar-login__svg,
  body.page-home-login .kruh-desktop-topbar-login__svg,
  body.page-home-register .kruh-desktop-topbar-login__svg{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    display:block!important;
    fill:currentColor!important;
    transform:none!important;
  }

  body.page-home .kruh-desktop-topbar-login__input,
  body.page-home-login .kruh-desktop-topbar-login__input,
  body.page-home-register .kruh-desktop-topbar-login__input{
    position:static!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:40px!important;
    text-align:left!important;
    z-index:2!important;
  }

  body.page-home .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-login .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-register .kruh-desktop-topbar-login__input::placeholder{
    color:rgba(255,255,255,.94)!important;
    -webkit-text-fill-color:rgba(255,255,255,.94)!important;
    opacity:1!important;
  }

  body.page-home .kruh-desktop-topbar-login__field .pwfield__toggle,
  body.page-home-login .kruh-desktop-topbar-login__field .pwfield__toggle,
  body.page-home-register .kruh-desktop-topbar-login__field .pwfield__toggle{
    position:absolute!important;
    right:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:rgba(255,255,255,.92)!important;
    opacity:1!important;
    z-index:4!important;
    pointer-events:auto!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home-login .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home-register .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"]{
    background:linear-gradient(180deg,rgba(255,112,132,.92) 0%,rgba(232,76,105,.98) 52%,rgba(190,45,83,1) 100%)!important;
    border-color:rgba(255,211,220,.96)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 0 0 2px rgba(255,112,132,.22),0 5px 14px rgba(119,20,55,.18)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home-login .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home-register .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"]{
    background:linear-gradient(180deg,rgba(255,197,83,.94) 0%,rgba(245,151,39,.98) 52%,rgba(216,111,20,1) 100%)!important;
    border-color:rgba(255,235,180,.98)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 0 0 2px rgba(255,197,83,.22),0 5px 14px rgba(116,67,12,.16)!important;
  }

  body.page-home .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home-login .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home-register .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home-login .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home-register .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"]{
    background:linear-gradient(180deg,rgba(67,221,144,.94) 0%,rgba(31,176,120,.98) 52%,rgba(14,139,101,1) 100%)!important;
    border-color:rgba(199,255,226,.98)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 0 0 2px rgba(67,221,144,.22),0 5px 14px rgba(6,88,63,.16)!important;
  }
}


/* IG216.33_DESKTOP_AUTH_NAVBAR_INNER_LINE_TRUE_FIX
   Desktop-only final cleanup: removes the real inner input surface that caused vertical seam lines,
   keeps the accepted pill design, aligns SVG icons/text, and exposes password strength on the
   topbar password pill. Mobile auth remains untouched by min-width gating. */
@media (min-width:761px){
  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field{
    isolation:isolate!important;
    position:relative!important;
    overflow:hidden!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:0 44px 0 22px!important;
    background:linear-gradient(180deg,rgba(62,151,231,.92) 0%,rgba(42,129,221,.97) 52%,rgba(24,105,208,.99) 100%)!important;
    border:1px solid rgba(190,229,255,.72)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 4px 11px rgba(3,24,82,.14)!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field::before,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field::before,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field::before,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field::before,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field::before,
  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field::after,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field::after,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field::after,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field::after,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field::after,
  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__input::before,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__input::before,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__input::before,
  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__input::after,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__input::after,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__input::after{
    content:none!important;
    display:none!important;
    opacity:0!important;
    box-shadow:none!important;
    background:none!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__icon{
    position:static!important;
    inset:auto!important;
    width:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 22px!important;
    line-height:0!important;
    color:rgba(255,255,255,.97)!important;
    opacity:1!important;
    z-index:3!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__svg{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    display:block!important;
    transform:none!important;
    fill:currentColor!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-home .topbar__login--desktop input.kruh-desktop-topbar-login__input.inp.home-login__inp,
  body.page-home-login .topbar__login--desktop input.kruh-desktop-topbar-login__input.inp.home-login__inp,
  body.page-home-register .topbar__login--desktop input.kruh-desktop-topbar-login__input.inp.home-login__inp,
  body.page-login .topbar__login--desktop input.kruh-desktop-topbar-login__input.inp.home-login__inp,
  body.page-auth-login .topbar__login--desktop input.kruh-desktop-topbar-login__input.inp.home-login__inp{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:relative!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    caret-color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:40px!important;
    text-align:left!important;
    text-shadow:none!important;
    z-index:3!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__input:focus,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__input:focus,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__input:focus,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__input:focus,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__input:focus,
  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__input:-webkit-autofill,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__input:-webkit-autofill,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__input:-webkit-autofill{
    outline:0!important;
    border:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    -webkit-box-shadow:0 0 0 1000px transparent inset!important;
    filter:none!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__input::selection,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__input::selection,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__input::selection{
    background:rgba(255,255,255,.20)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__input::placeholder{
    color:rgba(255,255,255,.95)!important;
    -webkit-text-fill-color:rgba(255,255,255,.95)!important;
    opacity:1!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field:focus-within,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field:focus-within,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field:focus-within{
    background:linear-gradient(180deg,rgba(70,163,241,.96) 0%,rgba(48,139,231,1) 52%,rgba(25,111,218,1) 100%)!important;
    border-color:rgba(236,249,255,.96)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 0 2px rgba(125,207,255,.18),0 5px 13px rgba(3,24,82,.18)!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field .pwfield__toggle,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field .pwfield__toggle,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field .pwfield__toggle,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field .pwfield__toggle,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field .pwfield__toggle{
    position:absolute!important;
    right:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.92)!important;
    -webkit-text-fill-color:rgba(255,255,255,.92)!important;
    opacity:1!important;
    z-index:5!important;
    pointer-events:auto!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"]{
    background:linear-gradient(180deg,rgba(242,98,126,.96) 0%,rgba(220,63,98,1) 52%,rgba(186,38,79,1) 100%)!important;
    border-color:rgba(255,210,220,.98)!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"]{
    background:linear-gradient(180deg,rgba(255,184,67,.96) 0%,rgba(239,137,30,1) 52%,rgba(210,103,18,1) 100%)!important;
    border-color:rgba(255,233,178,.98)!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"]{
    background:linear-gradient(180deg,rgba(63,214,142,.96) 0%,rgba(30,174,116,1) 52%,rgba(14,136,98,1) 100%)!important;
    border-color:rgba(200,255,226,.98)!important;
  }
}


/* IG216.34_DESKTOP_AUTH_NAVBAR_LIVE_STRENGTH_FINAL — desktop navbar live password strength final
   Desktop-only: keeps the accepted clean pill design, removes no mobile layers, and makes the
   topbar password pill recolor live while typing. */
@media (min-width:761px){
  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-weak,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-weak{
    background:linear-gradient(180deg,rgba(243,93,126,.98) 0%,rgba(222,58,96,1) 54%,rgba(187,34,78,1) 100%)!important;
    border-color:rgba(255,216,226,.98)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 2px rgba(255,118,145,.20),0 5px 13px rgba(98,20,48,.18)!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-mid,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-mid{
    background:linear-gradient(180deg,rgba(255,190,63,.98) 0%,rgba(241,139,24,1) 54%,rgba(210,101,14,1) 100%)!important;
    border-color:rgba(255,235,180,.98)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 2px rgba(255,190,63,.20),0 5px 13px rgba(102,58,10,.16)!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-strong,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password.is-pw-strong{
    background:linear-gradient(180deg,rgba(63,217,145,.98) 0%,rgba(27,177,118,1) 54%,rgba(12,137,97,1) 100%)!important;
    border-color:rgba(201,255,226,.98)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 2px rgba(63,217,145,.20),0 5px 13px rgba(8,76,55,.16)!important;
  }
}


/* IG216.35_DESKTOP_AUTH_NAVBAR_ICON_INSET_LIVE_STRENGTH
   Desktop-only final navbar auth polish:
   - embeds left SVG icons inside a soft inner icon well
   - keeps accepted pill design without inner seam lines
   - exposes live password strength states on the visible password pill
   Mobile auth is untouched by min-width gating. */
@media (min-width:761px){
  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 42px 0 16px!important;
    border-radius:999px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(68,159,235,.96) 0%,rgba(43,138,223,.98) 55%,rgba(25,112,212,.99) 100%)!important;
    border:1px solid rgba(195,232,255,.78)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 4px 12px rgba(0,30,95,.14)!important;
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field::before,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field::before,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field::before,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field::before,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field::before,
  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field::after,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field::after,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field::after,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field::after,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field::after{
    content:none!important;
    display:none!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__icon{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    margin:0!important;
    flex:0 0 28px!important;
    width:28px!important;
    height:28px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    color:#fff!important;
    opacity:1!important;
    background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.07))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.20)!important;
    z-index:2!important;
    pointer-events:none!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__svg{
    width:18px!important;
    height:18px!important;
    display:block!important;
    fill:currentColor!important;
    transform:none!important;
    margin:0!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__input{
    position:relative!important;
    z-index:1!important;
    flex:1 1 auto!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-weight:800!important;
    font-size:14px!important;
    line-height:42px!important;
    text-align:left!important;
    text-shadow:0 1px 0 rgba(0,24,80,.12)!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__input::placeholder,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__input::placeholder,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__input::placeholder,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__input::placeholder{
    color:rgba(255,255,255,.94)!important;
    -webkit-text-fill-color:rgba(255,255,255,.94)!important;
    opacity:1!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field:focus-within,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field:focus-within,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field:focus-within,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field:focus-within{
    border-color:rgba(232,248,255,.98)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 0 2px rgba(123,203,255,.16),0 6px 14px rgba(0,28,92,.18)!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password{
    padding-right:44px!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password .pwfield__toggle,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password .pwfield__toggle,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password .pwfield__toggle,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password .pwfield__toggle,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password .pwfield__toggle{
    position:absolute!important;
    right:13px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    margin:0!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.92)!important;
    z-index:3!important;
    pointer-events:auto!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password .pwfield__toggle i,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password .pwfield__toggle i,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password .pwfield__toggle i,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password .pwfield__toggle i,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password .pwfield__toggle i{
    font-size:15px!important;
    line-height:1!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"],
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="weak"]{
    background:linear-gradient(180deg,rgba(246,92,124,.98) 0%,rgba(221,57,95,1) 56%,rgba(186,34,77,1) 100%)!important;
    border-color:rgba(255,219,228,.98)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 0 0 2px rgba(255,104,138,.16),0 5px 13px rgba(96,18,46,.18)!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"],
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="mid"]{
    background:linear-gradient(180deg,rgba(255,190,64,.98) 0%,rgba(241,139,24,1) 56%,rgba(210,101,14,1) 100%)!important;
    border-color:rgba(255,236,184,.98)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 0 0 2px rgba(255,185,58,.16),0 5px 13px rgba(104,58,10,.16)!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"],
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password[data-login-pw-strength="strong"]{
    background:linear-gradient(180deg,rgba(70,221,150,.98) 0%,rgba(27,177,118,1) 56%,rgba(12,137,97,1) 100%)!important;
    border-color:rgba(205,255,229,.98)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 0 0 2px rgba(63,217,145,.16),0 5px 13px rgba(8,76,55,.16)!important;
  }
}

/* IG216.36 — desktop auth navbar icon flush polish
   Desktop-only: remove the inset icon capsule/frame introduced in IG216.35, keep the accepted pill design
   and live password strength colouring, and let icons sit cleanly inside the main input surface. */
@media (min-width:761px){
  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__icon{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    filter:none!important;
    width:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    flex:0 0 22px!important;
    border-radius:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    opacity:1!important;
    color:#fff!important;
    pointer-events:none!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__svg{
    width:17px!important;
    min-width:17px!important;
    max-width:17px!important;
    height:17px!important;
    min-height:17px!important;
    max-height:17px!important;
    margin:0!important;
    transform:none!important;
    display:block!important;
    fill:currentColor!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field{
    gap:11px!important;
    padding-left:22px!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password{
    padding-right:44px!important;
  }
}


/* IG216.37_DESKTOP_AUTH_REGISTER_FORGOT_NAVBAR_ICON_POLISH
   Desktop-only: keep mobile auth animations untouched, remove the desktop-only back-to-login link
   from the register card, add Facebook-style forgot password CTA below registration button,
   and slightly improve navbar login icon sizing/positioning without changing accepted pill design. */
@media (min-width:761px){
  body.page-home .kruh-mobile-auth-engine--register .mobile-auth-switch-head,
  body.page-home-login .kruh-mobile-auth-engine--register .mobile-auth-switch-head,
  body.page-home-register .kruh-mobile-auth-engine--register .mobile-auth-switch-head,
  body.page-login .kruh-mobile-auth-engine--register .mobile-auth-switch-head,
  body.page-register .kruh-mobile-auth-engine--register .mobile-auth-switch-head,
  body.page-auth-register .kruh-mobile-auth-engine--register .mobile-auth-switch-head{
    display:none!important;
  }

  body.page-home .register__desktop-forgot,
  body.page-home-login .register__desktop-forgot,
  body.page-home-register .register__desktop-forgot,
  body.page-login .register__desktop-forgot,
  body.page-register .register__desktop-forgot,
  body.page-auth-register .register__desktop-forgot{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:44px!important;
    margin:12px 0 0!important;
    padding:0!important;
  }

  body.page-home .register__desktop-forgot a,
  body.page-home-login .register__desktop-forgot a,
  body.page-home-register .register__desktop-forgot a,
  body.page-login .register__desktop-forgot a,
  body.page-register .register__desktop-forgot a,
  body.page-auth-register .register__desktop-forgot a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:44px!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,rgba(248,250,252,.98),rgba(238,242,247,.98))!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    font-size:15px!important;
    font-weight:850!important;
    text-align:center!important;
    text-decoration:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px rgba(15,23,42,.06)!important;
    transition:transform .16s ease, box-shadow .16s ease, background .16s ease!important;
  }

  body.page-home .register__desktop-forgot a:hover,
  body.page-home-login .register__desktop-forgot a:hover,
  body.page-home-register .register__desktop-forgot a:hover,
  body.page-login .register__desktop-forgot a:hover,
  body.page-register .register__desktop-forgot a:hover,
  body.page-auth-register .register__desktop-forgot a:hover{
    background:linear-gradient(180deg,rgba(255,255,255,1),rgba(231,238,250,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 10px 24px rgba(15,23,42,.09)!important;
    transform:translateY(-1px)!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__icon{
    position:absolute!important;
    left:22px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:#fff!important;
    opacity:1!important;
    pointer-events:none!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__svg{
    width:18px!important;
    min-width:18px!important;
    max-width:18px!important;
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    display:block!important;
    margin:0!important;
    transform:none!important;
    fill:currentColor!important;
  }

  body.page-home .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-home-login .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-home-register .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-login .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-auth-login .topbar__loginRow .kruh-desktop-topbar-login__input{
    padding-left:58px!important;
  }

  body.page-home .topbar__loginRow .kruh-desktop-topbar-login__pw .pwfield__inp,
  body.page-home-login .topbar__loginRow .kruh-desktop-topbar-login__pw .pwfield__inp,
  body.page-home-register .topbar__loginRow .kruh-desktop-topbar-login__pw .pwfield__inp,
  body.page-login .topbar__loginRow .kruh-desktop-topbar-login__pw .pwfield__inp,
  body.page-auth-login .topbar__loginRow .kruh-desktop-topbar-login__pw .pwfield__inp{
    padding-left:58px!important;
    padding-right:44px!important;
  }
}

@media (max-width:760px){
  .register__desktop-forgot{
    display:none!important;
  }
}


/* IG216.39_DESKTOP_AUTH_NAVBAR_ICON_TEXT_SPACING_FINAL
   Desktop-only final spacing fix: keep accepted pill look, but make icons participate in the flex layout
   so the text never overlaps them. Mobile auth remains untouched by min-width gating. */
@media (min-width:761px){
  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:13px!important;
    padding:0 42px 0 22px!important;
    overflow:hidden!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password{
    padding-right:46px!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__icon{
    position:static!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    inset:auto!important;
    transform:none!important;
    flex:0 0 22px!important;
    width:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    color:#fff!important;
    opacity:1!important;
    z-index:4!important;
    pointer-events:none!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__svg{
    width:18px!important;
    min-width:18px!important;
    max-width:18px!important;
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    display:block!important;
    margin:0!important;
    transform:none!important;
    fill:currentColor!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-home .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-home-login .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-home-register .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-login .topbar__loginRow .kruh-desktop-topbar-login__input,
  body.page-auth-login .topbar__loginRow .kruh-desktop-topbar-login__input{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    line-height:42px!important;
    padding:0!important;
    margin:0!important;
    text-align:left!important;
    text-overflow:ellipsis!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__pw .pwfield__inp,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__pw .pwfield__inp,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__pw .pwfield__inp,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__pw .pwfield__inp,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__pw .pwfield__inp,
  body.page-home .topbar__loginRow .kruh-desktop-topbar-login__pw .pwfield__inp,
  body.page-home-login .topbar__loginRow .kruh-desktop-topbar-login__pw .pwfield__inp,
  body.page-home-register .topbar__loginRow .kruh-desktop-topbar-login__pw .pwfield__inp,
  body.page-login .topbar__loginRow .kruh-desktop-topbar-login__pw .pwfield__inp,
  body.page-auth-login .topbar__loginRow .kruh-desktop-topbar-login__pw .pwfield__inp{
    padding:0 34px 0 0!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field .pwfield__toggle,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field .pwfield__toggle,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field .pwfield__toggle,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field .pwfield__toggle,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field .pwfield__toggle{
    right:15px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:7!important;
  }
}


/* IG216.40_DESKTOP_AUTH_NAVBAR_WIDTH_GENDER_ACTIVE_FINAL
   Desktop-only final polish: navbar input width/icon breathing room + visible gender active state.
   Mobile auth animation remains untouched by min-width gating. */
@media (min-width:761px){
  body.page-home .topbar__login.kruh-desktop-topbar-login,
  body.page-home-login .topbar__login.kruh-desktop-topbar-login,
  body.page-home-register .topbar__login.kruh-desktop-topbar-login,
  body.page-login .topbar__login.kruh-desktop-topbar-login,
  body.page-auth-login .topbar__login.kruh-desktop-topbar-login{
    max-width:min(840px,60vw)!important;
  }

  body.page-home .topbar__loginRow,
  body.page-home-login .topbar__loginRow,
  body.page-home-register .topbar__loginRow,
  body.page-login .topbar__loginRow,
  body.page-auth-login .topbar__loginRow{
    grid-template-columns:minmax(300px,1.14fr) minmax(250px,.94fr) auto!important;
    gap:14px!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field{
    gap:14px!important;
    padding-left:24px!important;
    padding-right:44px!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field--password,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field--password,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__field--password{
    padding-right:48px!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__icon,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__icon{
    flex-basis:24px!important;
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__svg,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__svg{
    width:19px!important;
    min-width:19px!important;
    max-width:19px!important;
    height:19px!important;
    min-height:19px!important;
    max-height:19px!important;
  }

  body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-login .topbar__login--desktop .kruh-desktop-topbar-login__input,
  body.page-auth-login .topbar__login--desktop .kruh-desktop-topbar-login__input{
    letter-spacing:-.01em!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__option,
  body.page-home-register .home-register-inline .register .register-gender-visual__option,
  body.page-register .register-gender-visual__option{
    min-height:46px!important;
    border-width:1.5px!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__option:has(input:checked),
  body.page-home-register .home-register-inline .register .register-gender-visual__option:has(input:checked),
  body.page-register .register-gender-visual__option:has(input:checked){
    transform:translateY(-1px)!important;
    box-shadow:0 12px 26px rgba(37,99,235,.16),0 0 0 4px rgba(59,130,246,.11),inset 0 1px 0 rgba(255,255,255,.92)!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__option--female:has(input:checked),
  body.page-home-register .home-register-inline .register .register-gender-visual__option--female:has(input:checked),
  body.page-register .register-gender-visual__option--female:has(input:checked){
    background:linear-gradient(180deg,rgba(255,240,246,.98),rgba(255,222,235,.94))!important;
    border-color:rgba(244,63,94,.92)!important;
    box-shadow:0 13px 28px rgba(225,29,72,.16),0 0 0 4px rgba(244,63,94,.12),inset 0 1px 0 rgba(255,255,255,.95)!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__option--male:has(input:checked),
  body.page-home-register .home-register-inline .register .register-gender-visual__option--male:has(input:checked),
  body.page-register .register-gender-visual__option--male:has(input:checked){
    background:linear-gradient(180deg,rgba(239,246,255,.98),rgba(219,234,254,.94))!important;
    border-color:rgba(37,99,235,.95)!important;
    box-shadow:0 13px 28px rgba(37,99,235,.16),0 0 0 4px rgba(59,130,246,.13),inset 0 1px 0 rgba(255,255,255,.95)!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__option:has(input:checked) .register-gender-visual__icon,
  body.page-home-register .home-register-inline .register .register-gender-visual__option:has(input:checked) .register-gender-visual__icon,
  body.page-register .register-gender-visual__option:has(input:checked) .register-gender-visual__icon,
  body.page-home .home-register-inline .register .register-gender-visual__option:has(input:checked) .register-gender-visual__text,
  body.page-home-register .home-register-inline .register .register-gender-visual__option:has(input:checked) .register-gender-visual__text,
  body.page-register .register-gender-visual__option:has(input:checked) .register-gender-visual__text{
    font-weight:900!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__option:active,
  body.page-home-register .home-register-inline .register .register-gender-visual__option:active,
  body.page-register .register-gender-visual__option:active{
    transform:translateY(0) scale(.985)!important;
  }
}


/* IG216.41_BIRTHDATE_WIDTH_TUNED_GENDER_ACTIVE
   Desktop-only auth polish: readable birthdate fields and persistent selected gender state.
   Mobile auth animation/components are intentionally untouched. */
@media (min-width:761px){
  body.page-home .home-register-inline .register .birthdate-selects,
  body.page-home .home-register-inline .register .birthdate-selects--register-inline,
  body.page-home .home-register-inline .register .register-birth-inline-force{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }

  /* Native fallback: still readable if the pretty-select bridge is delayed or blocked. */
  body.page-home .home-register-inline .register select[name="birth_day"]:not(.kruh-select-native),
  body.page-home-register .home-register-inline .register select[name="birth_day"]:not(.kruh-select-native),
  body.page-register .register select[name="birth_day"]:not(.kruh-select-native){
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
    flex:0 0 108px!important;
  }
  body.page-home .home-register-inline .register select[name="birth_month"]:not(.kruh-select-native),
  body.page-home-register .home-register-inline .register select[name="birth_month"]:not(.kruh-select-native),
  body.page-register .register select[name="birth_month"]:not(.kruh-select-native){
    width:138px!important;
    min-width:138px!important;
    max-width:138px!important;
    flex:0 0 138px!important;
  }
  body.page-home .home-register-inline .register select[name="birth_year"]:not(.kruh-select-native),
  body.page-home-register .home-register-inline .register select[name="birth_year"]:not(.kruh-select-native),
  body.page-register .register select[name="birth_year"]:not(.kruh-select-native){
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    flex:0 0 116px!important;
  }

  body.page-home .home-register-inline .register select[name^="birth_"]:not(.kruh-select-native),
  body.page-home-register .home-register-inline .register select[name^="birth_"]:not(.kruh-select-native),
  body.page-register .register select[name^="birth_"]:not(.kruh-select-native){
    height:44px!important;
    min-height:44px!important;
    border-radius:16px!important;
    padding-left:42px!important;
    padding-right:32px!important;
    background-color:rgba(255,255,255,.96)!important;
    border:1px solid rgba(96,165,250,.38)!important;
    box-shadow:0 10px 22px rgba(37,99,235,.06), inset 0 1px 0 rgba(255,255,255,.96)!important;
    font-weight:850!important;
    color:#0f172a!important;
  }

  /* Pretty-select bridge: final widths are intentionally moderate, not over-stretched. */
  body.page-home .home-register-inline .register .kruh-pretty-select--birth[data-select-name="birth_day"],
  body.page-home .home-register-inline .register select[name="birth_day"] + .kruh-pretty-select--birth,
  body.page-home-register .home-register-inline .register .kruh-pretty-select--birth[data-select-name="birth_day"],
  body.page-register .register .kruh-pretty-select--birth[data-select-name="birth_day"]{
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
    flex:0 0 108px!important;
  }
  body.page-home .home-register-inline .register .kruh-pretty-select--birth[data-select-name="birth_month"],
  body.page-home .home-register-inline .register select[name="birth_month"] + .kruh-pretty-select--birth,
  body.page-home-register .home-register-inline .register .kruh-pretty-select--birth[data-select-name="birth_month"],
  body.page-register .register .kruh-pretty-select--birth[data-select-name="birth_month"]{
    width:138px!important;
    min-width:138px!important;
    max-width:138px!important;
    flex:0 0 138px!important;
  }
  body.page-home .home-register-inline .register .kruh-pretty-select--birth[data-select-name="birth_year"],
  body.page-home .home-register-inline .register select[name="birth_year"] + .kruh-pretty-select--birth,
  body.page-home-register .home-register-inline .register .kruh-pretty-select--birth[data-select-name="birth_year"],
  body.page-register .register .kruh-pretty-select--birth[data-select-name="birth_year"]{
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    flex:0 0 116px!important;
  }

  body.page-home .home-register-inline .register .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-home-register .home-register-inline .register .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-register .kruh-pretty-select--birth .kruh-pretty-select__button{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:16px!important;
    padding:0 14px!important;
    gap:9px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(239,247,255,.94))!important;
    border:1px solid rgba(96,165,250,.38)!important;
    box-shadow:0 10px 22px rgba(37,99,235,.06), inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  body.page-home .home-register-inline .register .kruh-pretty-select--birth .kruh-pretty-select__value,
  body.page-home-register .home-register-inline .register .kruh-pretty-select--birth .kruh-pretty-select__value,
  body.page-register .kruh-pretty-select--birth .kruh-pretty-select__value{
    min-width:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-weight:900!important;
    letter-spacing:-.01em!important;
  }

  /* Persistent active state for the visual radio buttons. Uses JS .is-selected plus :has fallback. */
  body.page-home .home-register-inline .register .register-gender-visual__option,
  body.page-home-register .home-register-inline .register .register-gender-visual__option,
  body.page-register .register-gender-visual__option{
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease!important;
  }
  body.page-home .home-register-inline .register .register-gender-visual__option.is-selected,
  body.page-home-register .home-register-inline .register .register-gender-visual__option.is-selected,
  body.page-register .register-gender-visual__option.is-selected,
  body.page-home .home-register-inline .register .register-gender-visual__option:has(input:checked),
  body.page-home-register .home-register-inline .register .register-gender-visual__option:has(input:checked),
  body.page-register .register-gender-visual__option:has(input:checked){
    transform:translateY(-1px)!important;
    box-shadow:0 12px 24px rgba(37,99,235,.15),0 0 0 4px rgba(59,130,246,.10),inset 0 1px 0 rgba(255,255,255,.94)!important;
  }
  body.page-home .home-register-inline .register .register-gender-visual__option--female.is-selected,
  body.page-home-register .home-register-inline .register .register-gender-visual__option--female.is-selected,
  body.page-register .register-gender-visual__option--female.is-selected,
  body.page-home .home-register-inline .register .register-gender-visual__option--female:has(input:checked),
  body.page-home-register .home-register-inline .register .register-gender-visual__option--female:has(input:checked),
  body.page-register .register-gender-visual__option--female:has(input:checked){
    background:linear-gradient(180deg,rgba(255,236,244,.99),rgba(255,214,229,.96))!important;
    border-color:rgba(244,63,94,.98)!important;
    color:#e11d48!important;
    box-shadow:0 13px 26px rgba(225,29,72,.18),0 0 0 4px rgba(244,63,94,.12),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  body.page-home .home-register-inline .register .register-gender-visual__option--male.is-selected,
  body.page-home-register .home-register-inline .register .register-gender-visual__option--male.is-selected,
  body.page-register .register-gender-visual__option--male.is-selected,
  body.page-home .home-register-inline .register .register-gender-visual__option--male:has(input:checked),
  body.page-home-register .home-register-inline .register .register-gender-visual__option--male:has(input:checked),
  body.page-register .register-gender-visual__option--male:has(input:checked){
    background:linear-gradient(180deg,rgba(232,242,255,.99),rgba(213,231,255,.96))!important;
    border-color:rgba(37,99,235,.98)!important;
    color:#1d4ed8!important;
    box-shadow:0 13px 26px rgba(37,99,235,.18),0 0 0 4px rgba(59,130,246,.12),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  body.page-home .home-register-inline .register .register-gender-visual__option.is-selected .register-gender-visual__icon,
  body.page-home .home-register-inline .register .register-gender-visual__option.is-selected .register-gender-visual__text,
  body.page-home-register .home-register-inline .register .register-gender-visual__option.is-selected .register-gender-visual__icon,
  body.page-home-register .home-register-inline .register .register-gender-visual__option.is-selected .register-gender-visual__text,
  body.page-register .register-gender-visual__option.is-selected .register-gender-visual__icon,
  body.page-register .register-gender-visual__option.is-selected .register-gender-visual__text{
    font-weight:950!important;
  }
}


/* IG216.42_BIRTHDATE_GENDER_REAL_SELECTOR_FIX
   Desktop-only final correction: hit the real rendered selectors for birthdate widths
   and persistent visual gender active state. Mobile auth animation remains untouched. */
@media (min-width:761px){
  body.page-home .home-register-inline .register .register-birth-inline-force,
  body.page-home-register .home-register-inline .register .register-birth-inline-force,
  body.page-register .register .register-birth-inline-force{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_day"],
  body.page-home-login .home-register-inline .register .register-birth-inline-force select[name="birth_day"],
  body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_day"],
  body.page-register .register .register-birth-inline-force select[name="birth_day"],
  body.page-home .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_day"],
  body.page-home-login .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_day"],
  body.page-home-register .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_day"],
  body.page-register .register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_day"]{
    width:122px!important;
    min-width:122px!important;
    max-width:122px!important;
    flex:0 0 122px!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_month"],
  body.page-home-login .home-register-inline .register .register-birth-inline-force select[name="birth_month"],
  body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_month"],
  body.page-register .register .register-birth-inline-force select[name="birth_month"],
  body.page-home .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_month"],
  body.page-home-login .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_month"],
  body.page-home-register .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_month"],
  body.page-register .register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_month"]{
    width:148px!important;
    min-width:148px!important;
    max-width:148px!important;
    flex:0 0 148px!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_year"],
  body.page-home-login .home-register-inline .register .register-birth-inline-force select[name="birth_year"],
  body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_year"],
  body.page-register .register .register-birth-inline-force select[name="birth_year"],
  body.page-home .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_year"],
  body.page-home-login .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_year"],
  body.page-home-register .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_year"],
  body.page-register .register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_year"]{
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
    flex:0 0 136px!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-home-login .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-home-register .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-register .register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__button{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 13px!important;
    gap:9px!important;
    overflow:hidden!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__value,
  body.page-home-login .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__value,
  body.page-home-register .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__value,
  body.page-register .register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__value{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-weight:900!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__button::before,
  body.page-home-login .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__button::before,
  body.page-home-register .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__button::before,
  body.page-register .register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__button::before{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
  }

  body.page-home .home-register-inline .register .register-gender-visual__option.is-selected,
  body.page-home-login .home-register-inline .register .register-gender-visual__option.is-selected,
  body.page-home-register .home-register-inline .register .register-gender-visual__option.is-selected,
  body.page-register .register-gender-visual__option.is-selected,
  body.page-home .home-register-inline .register .register-gender-visual__option:has(input:checked),
  body.page-home-login .home-register-inline .register .register-gender-visual__option:has(input:checked),
  body.page-home-register .home-register-inline .register .register-gender-visual__option:has(input:checked),
  body.page-register .register-gender-visual__option:has(input:checked){
    transform:translateY(-1px)!important;
    border-width:2px!important;
    box-shadow:0 12px 26px rgba(37,99,235,.16),0 0 0 4px rgba(59,130,246,.12),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  body.page-home .home-register-inline .register .register-gender-visual__option--female.is-selected,
  body.page-home-login .home-register-inline .register .register-gender-visual__option--female.is-selected,
  body.page-home-register .home-register-inline .register .register-gender-visual__option--female.is-selected,
  body.page-register .register-gender-visual__option--female.is-selected,
  body.page-home .home-register-inline .register .register-gender-visual__option--female:has(input:checked),
  body.page-home-login .home-register-inline .register .register-gender-visual__option--female:has(input:checked),
  body.page-home-register .home-register-inline .register .register-gender-visual__option--female:has(input:checked),
  body.page-register .register-gender-visual__option--female:has(input:checked){
    background:linear-gradient(180deg,#fff0f6 0%,#ffd6e6 100%)!important;
    border-color:#f43f5e!important;
    color:#e11d48!important;
    box-shadow:0 12px 26px rgba(225,29,72,.18),0 0 0 4px rgba(244,63,94,.13),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  body.page-home .home-register-inline .register .register-gender-visual__option--male.is-selected,
  body.page-home-login .home-register-inline .register .register-gender-visual__option--male.is-selected,
  body.page-home-register .home-register-inline .register .register-gender-visual__option--male.is-selected,
  body.page-register .register-gender-visual__option--male.is-selected,
  body.page-home .home-register-inline .register .register-gender-visual__option--male:has(input:checked),
  body.page-home-login .home-register-inline .register .register-gender-visual__option--male:has(input:checked),
  body.page-home-register .home-register-inline .register .register-gender-visual__option--male:has(input:checked),
  body.page-register .register-gender-visual__option--male:has(input:checked){
    background:linear-gradient(180deg,#eef6ff 0%,#dbeafe 100%)!important;
    border-color:#2563eb!important;
    color:#1d4ed8!important;
    box-shadow:0 12px 26px rgba(37,99,235,.18),0 0 0 4px rgba(59,130,246,.14),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  body.page-home .home-register-inline .register .register-gender-visual__option.is-selected .register-gender-visual__icon,
  body.page-home .home-register-inline .register .register-gender-visual__option.is-selected .register-gender-visual__text,
  body.page-home-login .home-register-inline .register .register-gender-visual__option.is-selected .register-gender-visual__icon,
  body.page-home-login .home-register-inline .register .register-gender-visual__option.is-selected .register-gender-visual__text,
  body.page-home-register .home-register-inline .register .register-gender-visual__option.is-selected .register-gender-visual__icon,
  body.page-home-register .home-register-inline .register .register-gender-visual__option.is-selected .register-gender-visual__text,
  body.page-register .register-gender-visual__option.is-selected .register-gender-visual__icon,
  body.page-register .register-gender-visual__option.is-selected .register-gender-visual__text{
    font-weight:950!important;
  }
}


/* IG216.43_BIRTHDATE_GENDER_HARD_OVERRIDE
   Desktop-only hard override for the real rendered birthdate pretty-selects and
   persistent gender active state. Mobile auth remains untouched. */
@media (min-width:761px){
  body .register-birth-inline-force.birthdate-selects,
  body .register-birth-inline-force,
  body .home-register-inline .register .register-birth-inline-force{
    display:grid!important;
    grid-template-columns:116px 156px 132px!important;
    column-gap:12px!important;
    row-gap:0!important;
    width:416px!important;
    max-width:100%!important;
    align-items:center!important;
    justify-content:start!important;
  }

  body .register-birth-inline-force > select[name="birth_day"],
  body .register-birth-inline-force > .kruh-pretty-select--birth[data-select-name="birth_day"]{
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    flex:0 0 116px!important;
    grid-column:auto!important;
  }
  body .register-birth-inline-force > select[name="birth_month"],
  body .register-birth-inline-force > .kruh-pretty-select--birth[data-select-name="birth_month"]{
    width:156px!important;
    min-width:156px!important;
    max-width:156px!important;
    flex:0 0 156px!important;
    grid-column:auto!important;
  }
  body .register-birth-inline-force > select[name="birth_year"],
  body .register-birth-inline-force > .kruh-pretty-select--birth[data-select-name="birth_year"]{
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    flex:0 0 132px!important;
    grid-column:auto!important;
  }

  body .register-birth-inline-force > .kruh-pretty-select--birth .kruh-pretty-select__button{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:0 13px 0 44px!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2.5'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") 15px 50%/18px 18px no-repeat,
      linear-gradient(180deg,rgba(255,255,255,.99),rgba(236,246,255,.92))!important;
    border:1px solid rgba(96,165,250,.50)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 8px 18px rgba(37,99,235,.08)!important;
  }
  body .register-birth-inline-force > .kruh-pretty-select--birth .kruh-pretty-select__value{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    font-weight:900!important;
    font-size:14px!important;
    line-height:1!important;
  }
  body .register-birth-inline-force > .kruh-pretty-select--birth .kruh-pretty-select__chevron{
    flex:0 0 8px!important;
    margin-left:8px!important;
  }
  body .register-birth-inline-force > .kruh-pretty-select--birth .kruh-pretty-select__menu{
    width:100%!important;
    min-width:100%!important;
    border-radius:14px!important;
  }

  body .register-gender-visual__option.is-selected,
  body .register-gender-visual__option:has(input[type="radio"]:checked){
    transform:translateY(-1px)!important;
    border-width:2px!important;
    font-weight:950!important;
  }
  body .register-gender-visual__option--female.is-selected,
  body .register-gender-visual__option--female:has(input[type="radio"]:checked){
    background:linear-gradient(180deg,#fff0f6 0%,#ffd6e7 100%)!important;
    border-color:#f43f5e!important;
    color:#e11d48!important;
    -webkit-text-fill-color:#e11d48!important;
    box-shadow:0 0 0 4px rgba(244,63,94,.14),0 14px 28px rgba(225,29,72,.16),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
  body .register-gender-visual__option--male.is-selected,
  body .register-gender-visual__option--male:has(input[type="radio"]:checked){
    background:linear-gradient(180deg,#eef6ff 0%,#dbeafe 100%)!important;
    border-color:#2563eb!important;
    color:#1d4ed8!important;
    -webkit-text-fill-color:#1d4ed8!important;
    box-shadow:0 0 0 4px rgba(59,130,246,.15),0 14px 28px rgba(37,99,235,.17),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }
}


/* IG216.44_BIRTHDATE_REAL_PROXY_WIDTH_FIX
   Desktop-only: target the real generated pretty-select proxies that are inserted
   directly after birth_day / birth_month / birth_year. Navbar auth, gender state
   and mobile auth animations remain untouched. */
@media (min-width:761px){
  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-register .register .register-birth-inline-force[data-birthdate-group]{
    display:grid!important;
    grid-template-columns:128px 168px 138px!important;
    gap:12px!important;
    width:458px!important;
    max-width:100%!important;
    align-items:center!important;
    justify-content:start!important;
  }

  body.page-home .home-register-inline .register select[name="birth_day"].kruh-select-native + .kruh-pretty-select--birth,
  body.page-home-login .home-register-inline .register select[name="birth_day"].kruh-select-native + .kruh-pretty-select--birth,
  body.page-home-register .home-register-inline .register select[name="birth_day"].kruh-select-native + .kruh-pretty-select--birth,
  body.page-register .register select[name="birth_day"].kruh-select-native + .kruh-pretty-select--birth{
    width:128px!important;
    min-width:128px!important;
    max-width:128px!important;
    flex:0 0 128px!important;
    grid-column:auto!important;
  }

  body.page-home .home-register-inline .register select[name="birth_month"].kruh-select-native + .kruh-pretty-select--birth,
  body.page-home-login .home-register-inline .register select[name="birth_month"].kruh-select-native + .kruh-pretty-select--birth,
  body.page-home-register .home-register-inline .register select[name="birth_month"].kruh-select-native + .kruh-pretty-select--birth,
  body.page-register .register select[name="birth_month"].kruh-select-native + .kruh-pretty-select--birth{
    width:168px!important;
    min-width:168px!important;
    max-width:168px!important;
    flex:0 0 168px!important;
    grid-column:auto!important;
  }

  body.page-home .home-register-inline .register select[name="birth_year"].kruh-select-native + .kruh-pretty-select--birth,
  body.page-home-login .home-register-inline .register select[name="birth_year"].kruh-select-native + .kruh-pretty-select--birth,
  body.page-home-register .home-register-inline .register select[name="birth_year"].kruh-select-native + .kruh-pretty-select--birth,
  body.page-register .register select[name="birth_year"].kruh-select-native + .kruh-pretty-select--birth{
    width:138px!important;
    min-width:138px!important;
    max-width:138px!important;
    flex:0 0 138px!important;
    grid-column:auto!important;
  }

  body.page-home .home-register-inline .register select[name^="birth_"].kruh-select-native + .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-home-login .home-register-inline .register select[name^="birth_"].kruh-select-native + .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-home-register .home-register-inline .register select[name^="birth_"].kruh-select-native + .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-register .register select[name^="birth_"].kruh-select-native + .kruh-pretty-select--birth .kruh-pretty-select__button{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    padding-left:40px!important;
    padding-right:12px!important;
    gap:7px!important;
    overflow:hidden!important;
  }

  body.page-home .home-register-inline .register select[name^="birth_"].kruh-select-native + .kruh-pretty-select--birth .kruh-pretty-select__value,
  body.page-home-login .home-register-inline .register select[name^="birth_"].kruh-select-native + .kruh-pretty-select--birth .kruh-pretty-select__value,
  body.page-home-register .home-register-inline .register select[name^="birth_"].kruh-select-native + .kruh-pretty-select--birth .kruh-pretty-select__value,
  body.page-register .register select[name^="birth_"].kruh-select-native + .kruh-pretty-select--birth .kruh-pretty-select__value{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:14px!important;
    line-height:1!important;
  }
}


/* IG216.45_BIRTHDATE_FULL_WIDTH_SELECTS
   Desktop-only correction: previous fix changed spacing, but real pretty-select fields stayed fixed-width.
   Keep the accepted desktop design and make the birthdate row use the available form width. */
@media (min-width:761px){
  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-register .register .register-birth-inline-force[data-birthdate-group]{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    max-width:560px!important;
    align-items:center!important;
    justify-content:stretch!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth,
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth,
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth,
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth,
  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] select[name^="birth_"].kruh-select-native + .kruh-pretty-select--birth,
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] select[name^="birth_"].kruh-select-native + .kruh-pretty-select--birth,
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] select[name^="birth_"].kruh-select-native + .kruh-pretty-select--birth,
  body.page-register .register .register-birth-inline-force[data-birthdate-group] select[name^="birth_"].kruh-select-native + .kruh-pretty-select--birth{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:1 1 auto!important;
    justify-self:stretch!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-register .register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    padding-left:42px!important;
    padding-right:14px!important;
    gap:10px!important;
    overflow:hidden!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__value,
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__value,
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__value,
  body.page-register .register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__value{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
}


/* IG216.46_BIRTHDATE_PROXY_COLUMNS_FIX
   Desktop-only: the native birthdate selects are still DOM children of the grid,
   so they were consuming columns and only the gaps appeared to change. Hide the
   native controls from the desktop grid and size the real pretty-select proxies.
   Mobile auth animation/components remain untouched. */
@media (min-width:761px){
  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-register .register .register-birth-inline-force[data-birthdate-group]{
    display:grid!important;
    grid-template-columns:minmax(124px,1fr) minmax(148px,1.18fr) minmax(124px,1fr)!important;
    column-gap:8px!important;
    row-gap:0!important;
    width:100%!important;
    max-width:520px!important;
    align-items:center!important;
    justify-content:stretch!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"].kruh-select-native,
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"].kruh-select-native,
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"].kruh-select-native,
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"].kruh-select-native{
    display:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    flex:0 0 0!important;
    grid-column:auto!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth,
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth,
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth,
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:1 1 auto!important;
    justify-self:stretch!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_day"]{grid-column:1!important;}
  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_month"]{grid-column:2!important;}
  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_year"]{grid-column:3!important;}
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_day"]{grid-column:1!important;}
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_month"]{grid-column:2!important;}
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_year"]{grid-column:3!important;}
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_day"]{grid-column:1!important;}
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_month"]{grid-column:2!important;}
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_year"]{grid-column:3!important;}
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_day"]{grid-column:1!important;}
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_month"]{grid-column:2!important;}
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_year"]{grid-column:3!important;}

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-register .register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    padding-left:42px!important;
    padding-right:12px!important;
    gap:8px!important;
    overflow:hidden!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__value,
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__value,
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__value,
  body.page-register .register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__value{
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:14px!important;
    font-weight:900!important;
  }
}

/* IG216.47_BIRTHDATE_PROXY_FAILSAFE_RESTORE
   Desktop-only stabilization: IG216.46 could hide native birthdate selects before the
   pretty-select facade was actually present, leaving the row empty. Keep proxies
   preferred, but force a visible native fallback if a proxy is missing. */
@media (min-width:761px){
  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-register .register .register-birth-inline-force[data-birthdate-group]{
    display:grid!important;
    grid-template-columns:minmax(132px,1fr) minmax(168px,1.18fr) minmax(132px,1fr)!important;
    column-gap:8px!important;
    row-gap:0!important;
    width:100%!important;
    max-width:560px!important;
    align-items:center!important;
    justify-content:stretch!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_day"]:not(.kruh-select-native),
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_day"]:not(.kruh-select-native),
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_day"]:not(.kruh-select-native),
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_day"]:not(.kruh-select-native){grid-column:1!important;}
  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_month"]:not(.kruh-select-native),
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_month"]:not(.kruh-select-native),
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_month"]:not(.kruh-select-native),
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_month"]:not(.kruh-select-native){grid-column:2!important;}
  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_year"]:not(.kruh-select-native),
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_year"]:not(.kruh-select-native),
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_year"]:not(.kruh-select-native),
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_year"]:not(.kruh-select-native){grid-column:3!important;}

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"]:not(.kruh-select-native),
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"]:not(.kruh-select-native),
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"]:not(.kruh-select-native),
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"]:not(.kruh-select-native){
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    padding-left:42px!important;
    padding-right:12px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth,
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth,
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth,
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    justify-self:stretch!important;
  }
}

/* IG216.48_BIRTHDATE_NATIVE_SELECTS_RESTORE
   Final desktop fix: birthdate uses stable native select fields, not the delayed
   pretty-select proxy. This prevents the flash-then-disappear regression and
   widens the real fields themselves with a compact Deň / Mesiac / Rok row. */
@media (min-width:761px){
  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-register .register .register-birth-inline-force[data-birthdate-group]{
    display:grid!important;
    grid-template-columns:minmax(128px,1fr) minmax(154px,1.12fr) minmax(128px,1fr)!important;
    gap:8px!important;
    width:100%!important;
    max-width:520px!important;
    align-items:center!important;
    justify-content:stretch!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth,
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth,
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth,
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth{
    display:none!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_day"],
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_day"],
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_day"],
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_day"]{grid-column:1!important;}

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_month"],
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_month"],
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_month"],
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_month"]{grid-column:2!important;}

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_year"],
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_year"],
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_year"],
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > select[name="birth_year"]{grid-column:3!important;}

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"],
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"],
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"],
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"]{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    box-sizing:border-box!important;
    padding-left:42px!important;
    padding-right:28px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:14px!important;
    font-weight:900!important;
    appearance:auto!important;
    -webkit-appearance:auto!important;
    pointer-events:auto!important;
  }
}

/* IG216.49_BIRTHDATE_FACEBOOK_STYLE_SELECTS
   Stabilized native birthdate selects: no placeholder options in dropdown,
   Facebook-like closed-field visual, no pretty-select proxy revival. */
body.page-home .home-register-inline .register .register-birth-inline-force,
body.page-home-login .home-register-inline .register .register-birth-inline-force,
body.page-home-register .home-register-inline .register .register-birth-inline-force,
body.page-register .register .register-birth-inline-force,
body.page-auth-register .register .register-birth-inline-force{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
}

body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_day"],
body.page-home-login .home-register-inline .register .register-birth-inline-force select[name="birth_day"],
body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_day"],
body.page-register .register .register-birth-inline-force select[name="birth_day"],
body.page-auth-register .register .register-birth-inline-force select[name="birth_day"]{
  flex:0 0 122px!important;
  width:122px!important;
  min-width:122px!important;
  max-width:122px!important;
}
body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_month"],
body.page-home-login .home-register-inline .register .register-birth-inline-force select[name="birth_month"],
body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_month"],
body.page-register .register .register-birth-inline-force select[name="birth_month"],
body.page-auth-register .register .register-birth-inline-force select[name="birth_month"]{
  flex:0 0 148px!important;
  width:148px!important;
  min-width:148px!important;
  max-width:148px!important;
}
body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_year"],
body.page-home-login .home-register-inline .register .register-birth-inline-force select[name="birth_year"],
body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_year"],
body.page-register .register .register-birth-inline-force select[name="birth_year"],
body.page-auth-register .register .register-birth-inline-force select[name="birth_year"]{
  flex:0 0 136px!important;
  width:136px!important;
  min-width:136px!important;
  max-width:136px!important;
}

body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_day"],
body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_month"],
body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_year"],
body.page-home-login .home-register-inline .register .register-birth-inline-force select[name="birth_day"],
body.page-home-login .home-register-inline .register .register-birth-inline-force select[name="birth_month"],
body.page-home-login .home-register-inline .register .register-birth-inline-force select[name="birth_year"],
body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_day"],
body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_month"],
body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_year"],
body.page-register .register .register-birth-inline-force select[name="birth_day"],
body.page-register .register .register-birth-inline-force select[name="birth_month"],
body.page-register .register .register-birth-inline-force select[name="birth_year"],
body.page-auth-register .register .register-birth-inline-force select[name="birth_day"],
body.page-auth-register .register .register-birth-inline-force select[name="birth_month"],
body.page-auth-register .register .register-birth-inline-force select[name="birth_year"]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 36px 0 44px!important;
  border-radius:16px!important;
  border:1px solid rgba(96,165,250,.52)!important;
  color:#0f172a!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  line-height:46px!important;
  cursor:pointer!important;
  background-color:#fff!important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='3' ry='3'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none' stroke='%230f172a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7.5 10 12.5 15 7.5'/%3E%3C/svg%3E"),
    linear-gradient(180deg,rgba(255,255,255,.99),rgba(239,247,255,.95))!important;
  background-repeat:no-repeat,no-repeat,no-repeat!important;
  background-position:17px 50%,calc(100% - 14px) 50%,0 0!important;
  background-size:19px 19px,16px 16px,100% 100%!important;
  box-shadow:0 9px 20px rgba(37,99,235,.07),inset 0 1px 0 rgba(255,255,255,.98)!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease!important;
}

body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_day"]:hover,
body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_month"]:hover,
body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_year"]:hover,
body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_day"]:hover,
body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_month"]:hover,
body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_year"]:hover,
body.page-register .register .register-birth-inline-force select[name="birth_day"]:hover,
body.page-register .register .register-birth-inline-force select[name="birth_month"]:hover,
body.page-register .register .register-birth-inline-force select[name="birth_year"]:hover{
  border-color:rgba(37,99,235,.78)!important;
  box-shadow:0 12px 26px rgba(37,99,235,.11),0 0 0 3px rgba(59,130,246,.08),inset 0 1px 0 rgba(255,255,255,.98)!important;
}

body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_day"]:focus,
body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_month"]:focus,
body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_year"]:focus,
body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_day"]:focus,
body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_month"]:focus,
body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_year"]:focus,
body.page-register .register .register-birth-inline-force select[name="birth_day"]:focus,
body.page-register .register .register-birth-inline-force select[name="birth_month"]:focus,
body.page-register .register .register-birth-inline-force select[name="birth_year"]:focus{
  outline:0!important;
  border-color:#2563eb!important;
  box-shadow:0 14px 30px rgba(37,99,235,.14),0 0 0 4px rgba(37,99,235,.14),inset 0 1px 0 rgba(255,255,255,.98)!important;
}

body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_day"] option,
body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_month"] option,
body.page-home .home-register-inline .register .register-birth-inline-force select[name="birth_year"] option,
body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_day"] option,
body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_month"] option,
body.page-home-register .home-register-inline .register .register-birth-inline-force select[name="birth_year"] option,
body.page-register .register .register-birth-inline-force select[name="birth_day"] option,
body.page-register .register .register-birth-inline-force select[name="birth_month"] option,
body.page-register .register .register-birth-inline-force select[name="birth_year"] option{
  font-weight:800!important;
  color:#0f172a!important;
  background:#fff!important;
}

body.page-home .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth,
body.page-home-login .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth,
body.page-home-register .home-register-inline .register .register-birth-inline-force .kruh-pretty-select--birth,
body.page-register .register .register-birth-inline-force .kruh-pretty-select--birth,
body.page-auth-register .register .register-birth-inline-force .kruh-pretty-select--birth{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

@media (max-width:760px){
  body.page-home .kruh-mobile-auth-engine__card--register .register-birth-inline-force,
  body.page-home-register .kruh-mobile-auth-engine__card--register .register-birth-inline-force,
  body.page-register .kruh-mobile-auth-engine__card--register .register-birth-inline-force,
  body.page-auth-register .kruh-mobile-auth-engine__card--register .register-birth-inline-force{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.page-home .kruh-mobile-auth-engine__card--register .register-birth-inline-force select[name="birth_day"],
  body.page-home .kruh-mobile-auth-engine__card--register .register-birth-inline-force select[name="birth_month"],
  body.page-home .kruh-mobile-auth-engine__card--register .register-birth-inline-force select[name="birth_year"],
  body.page-home-register .kruh-mobile-auth-engine__card--register .register-birth-inline-force select[name="birth_day"],
  body.page-home-register .kruh-mobile-auth-engine__card--register .register-birth-inline-force select[name="birth_month"],
  body.page-home-register .kruh-mobile-auth-engine__card--register .register-birth-inline-force select[name="birth_year"],
  body.page-register .kruh-mobile-auth-engine__card--register .register-birth-inline-force select[name="birth_day"],
  body.page-register .kruh-mobile-auth-engine__card--register .register-birth-inline-force select[name="birth_month"],
  body.page-register .kruh-mobile-auth-engine__card--register .register-birth-inline-force select[name="birth_year"],
  body.page-auth-register .kruh-mobile-auth-engine__card--register .register-birth-inline-force select[name="birth_day"],
  body.page-auth-register .kruh-mobile-auth-engine__card--register .register-birth-inline-force select[name="birth_month"],
  body.page-auth-register .kruh-mobile-auth-engine__card--register .register-birth-inline-force select[name="birth_year"]{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    flex:1 1 auto!important;
  }
}

/* IG216.51_BIRTHDATE_KRUH_CUSTOM_DROPDOWN
   Desktop-only custom KRUH dropdown for birthdate. Native selects stay as fallback/source of truth. */
@media (min-width: 761px){
  body.page-home .register-birth-inline-force .kruh-pretty-select--birth,
  body.page-home-login .register-birth-inline-force .kruh-pretty-select--birth,
  body.page-home-register .register-birth-inline-force .kruh-pretty-select--birth,
  body.page-register .register-birth-inline-force .kruh-pretty-select--birth,
  body.page-auth-register .register-birth-inline-force .kruh-pretty-select--birth,
  body.page-auth.page-register .register-birth-inline-force .kruh-pretty-select--birth{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    isolation:isolate!important;
  }

  body.page-home .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_day"],
  body.page-home-login .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_day"],
  body.page-home-register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_day"],
  body.page-register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_day"],
  body.page-auth-register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_day"],
  body.page-auth.page-register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_day"]{grid-column:1!important;}

  body.page-home .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_month"],
  body.page-home-login .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_month"],
  body.page-home-register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_month"],
  body.page-register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_month"],
  body.page-auth-register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_month"],
  body.page-auth.page-register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_month"]{grid-column:2!important;}

  body.page-home .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_year"],
  body.page-home-login .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_year"],
  body.page-home-register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_year"],
  body.page-register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_year"],
  body.page-auth-register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_year"],
  body.page-auth.page-register .register-birth-inline-force .kruh-pretty-select--birth[data-select-name="birth_year"]{grid-column:3!important;}

  body.page-home .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-home-login .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-home-register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-auth-register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__button,
  body.page-auth.page-register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__button{
    height:46px!important;
    min-height:46px!important;
    border-radius:15px!important;
    padding-left:44px!important;
    padding-right:14px!important;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") 15px 50%/18px 18px no-repeat,
      linear-gradient(180deg,rgba(255,255,255,.99),rgba(232,242,255,.90))!important;
    border:1px solid rgba(96,165,250,.62)!important;
    box-shadow:0 12px 26px rgba(37,99,235,.10),inset 0 1px 0 rgba(255,255,255,.98)!important;
  }

  body.page-home .register-birth-inline-force .kruh-pretty-select--birth.is-open .kruh-pretty-select__button,
  body.page-home-login .register-birth-inline-force .kruh-pretty-select--birth.is-open .kruh-pretty-select__button,
  body.page-home-register .register-birth-inline-force .kruh-pretty-select--birth.is-open .kruh-pretty-select__button,
  body.page-register .register-birth-inline-force .kruh-pretty-select--birth.is-open .kruh-pretty-select__button,
  body.page-auth-register .register-birth-inline-force .kruh-pretty-select--birth.is-open .kruh-pretty-select__button,
  body.page-auth.page-register .register-birth-inline-force .kruh-pretty-select--birth.is-open .kruh-pretty-select__button{
    border-color:#2563eb!important;
    box-shadow:0 0 0 3px rgba(37,99,235,.14),0 16px 34px rgba(37,99,235,.16),inset 0 1px 0 rgba(255,255,255,.98)!important;
  }

  body.page-home .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__menu,
  body.page-home-login .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__menu,
  body.page-home-register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__menu,
  body.page-register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__menu,
  body.page-auth-register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__menu,
  body.page-auth.page-register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__menu{
    top:calc(100% + 9px)!important;
    max-height:238px!important;
    padding:8px!important;
    border-radius:18px!important;
    border:1px solid rgba(96,165,250,.38)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(239,246,255,.98))!important;
    box-shadow:0 26px 64px rgba(15,23,42,.20),0 0 0 1px rgba(255,255,255,.72) inset!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(37,99,235,.45) rgba(219,234,254,.65)!important;
  }

  body.page-home .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__option,
  body.page-home-login .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__option,
  body.page-home-register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__option,
  body.page-register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__option,
  body.page-auth-register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__option,
  body.page-auth.page-register .register-birth-inline-force .kruh-pretty-select--birth .kruh-pretty-select__option{
    min-height:36px!important;
    border-radius:12px!important;
    padding:9px 11px!important;
    font-weight:900!important;
  }
}

/* IG216.52_BIRTHDATE_CUSTOM_DROPDOWN_VISIBILITY_FIX
   Regression fix for IG216.51: a later legacy native-select rule kept the custom
   birthdate proxy hidden. Force the ready KRUH custom dropdown visible on desktop,
   while native selects remain the fallback/source of truth. */
@media (min-width: 761px){
  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group],
  body.page-register .register .register-birth-inline-force[data-birthdate-group],
  body.page-auth-register .register .register-birth-inline-force[data-birthdate-group],
  body.page-auth.page-register .register-birth-inline-force[data-birthdate-group]{
    display:grid!important;
    grid-template-columns:minmax(122px,1fr) minmax(148px,1.18fr) minmax(136px,1fr)!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    align-items:center!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"].kruh-select-native,
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"].kruh-select-native,
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"].kruh-select-native,
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"].kruh-select-native,
  body.page-auth-register .register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"].kruh-select-native,
  body.page-auth.page-register .register-birth-inline-force[data-birthdate-group] > select[name^="birth_"].kruh-select-native{
    position:absolute!important;
    width:1px!important;
    min-width:1px!important;
    max-width:1px!important;
    height:1px!important;
    min-height:1px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    overflow:hidden!important;
  }

  body.page-home .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-kruh-custom-ready="1"],
  body.page-home-login .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-kruh-custom-ready="1"],
  body.page-home-register .home-register-inline .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-kruh-custom-ready="1"],
  body.page-register .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-kruh-custom-ready="1"],
  body.page-auth-register .register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-kruh-custom-ready="1"],
  body.page-auth.page-register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-kruh-custom-ready="1"]{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    isolation:isolate!important;
    z-index:5!important;
  }

  body.page-home .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_day"]{grid-column:1!important;}
  body.page-home .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_month"]{grid-column:2!important;}
  body.page-home .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_year"]{grid-column:3!important;}
  body.page-home-login .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_day"]{grid-column:1!important;}
  body.page-home-login .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_month"]{grid-column:2!important;}
  body.page-home-login .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_year"]{grid-column:3!important;}
  body.page-home-register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_day"]{grid-column:1!important;}
  body.page-home-register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_month"]{grid-column:2!important;}
  body.page-home-register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_year"]{grid-column:3!important;}
  body.page-register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_day"]{grid-column:1!important;}
  body.page-register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_month"]{grid-column:2!important;}
  body.page-register .register-birth-inline-force[data-birthdate-group] > .kruh-pretty-select--birth[data-select-name="birth_year"]{grid-column:3!important;}

  body.page-home .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__menu,
  body.page-home-login .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__menu,
  body.page-home-register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__menu,
  body.page-register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__menu,
  body.page-auth-register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__menu,
  body.page-auth.page-register .register-birth-inline-force[data-birthdate-group] .kruh-pretty-select--birth .kruh-pretty-select__menu{
    z-index:9999!important;
  }
}

/* IG216.53: server-rendered KRUH custom birthdate dropdown, with native select fallback. */
@media (min-width: 761px){
  body.page-home .register-birth-inline-force .kruh-birth-custom,
  body.page-home-login .register-birth-inline-force .kruh-birth-custom,
  body.page-home-register .register-birth-inline-force .kruh-birth-custom,
  body.page-register .register-birth-inline-force .kruh-birth-custom,
  body.page-auth-register .register-birth-inline-force .kruh-birth-custom,
  body.page-auth.page-register .register-birth-inline-force .kruh-birth-custom{
    display:none!important;
  }

  body.page-home .register-birth-inline-force.kruh-birth-custom-ready,
  body.page-home-login .register-birth-inline-force.kruh-birth-custom-ready,
  body.page-home-register .register-birth-inline-force.kruh-birth-custom-ready,
  body.page-register .register-birth-inline-force.kruh-birth-custom-ready,
  body.page-auth-register .register-birth-inline-force.kruh-birth-custom-ready,
  body.page-auth.page-register .register-birth-inline-force.kruh-birth-custom-ready{
    display:grid!important;
    grid-template-columns:minmax(126px,1fr) minmax(154px,1.16fr) minmax(126px,1fr)!important;
    column-gap:8px!important;
    row-gap:0!important;
    width:100%!important;
    max-width:520px!important;
    align-items:start!important;
    justify-content:stretch!important;
  }

  body.page-home .register-birth-inline-force.kruh-birth-custom-ready select.inp[data-birth-part],
  body.page-home-login .register-birth-inline-force.kruh-birth-custom-ready select.inp[data-birth-part],
  body.page-home-register .register-birth-inline-force.kruh-birth-custom-ready select.inp[data-birth-part],
  body.page-register .register-birth-inline-force.kruh-birth-custom-ready select.inp[data-birth-part],
  body.page-auth-register .register-birth-inline-force.kruh-birth-custom-ready select.inp[data-birth-part],
  body.page-auth.page-register .register-birth-inline-force.kruh-birth-custom-ready select.inp[data-birth-part]{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    min-width:1px!important;
    max-width:1px!important;
    opacity:0!important;
    pointer-events:none!important;
    clip:rect(0,0,0,0)!important;
    overflow:hidden!important;
  }

  body.page-home .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom,
  body.page-home-login .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom,
  body.page-home-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom,
  body.page-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom,
  body.page-auth-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom,
  body.page-auth.page-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    z-index:50!important;
    font-family:inherit!important;
  }

  body.page-home .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open,
  body.page-home-login .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open,
  body.page-home-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open,
  body.page-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open,
  body.page-auth-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open,
  body.page-auth.page-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open{
    z-index:1200!important;
  }

  body.page-home .kruh-birth-custom__button,
  body.page-home-login .kruh-birth-custom__button,
  body.page-home-register .kruh-birth-custom__button,
  body.page-register .kruh-birth-custom__button,
  body.page-auth-register .kruh-birth-custom__button,
  body.page-auth.page-register .kruh-birth-custom__button{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:0 12px 0 42px!important;
    border-radius:14px!important;
    border:1px solid rgba(147,197,253,.62)!important;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") 15px 50%/18px 18px no-repeat,
      linear-gradient(180deg,rgba(255,255,255,.99),rgba(239,246,255,.9))!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    text-align:left!important;
    cursor:pointer!important;
    box-shadow:0 10px 22px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }

  body.page-home .kruh-birth-custom__button:hover,
  body.page-home-login .kruh-birth-custom__button:hover,
  body.page-home-register .kruh-birth-custom__button:hover,
  body.page-register .kruh-birth-custom__button:hover,
  body.page-auth-register .kruh-birth-custom__button:hover,
  body.page-auth.page-register .kruh-birth-custom__button:hover,
  body.page-home .kruh-birth-custom.is-open .kruh-birth-custom__button,
  body.page-home-login .kruh-birth-custom.is-open .kruh-birth-custom__button,
  body.page-home-register .kruh-birth-custom.is-open .kruh-birth-custom__button,
  body.page-register .kruh-birth-custom.is-open .kruh-birth-custom__button,
  body.page-auth-register .kruh-birth-custom.is-open .kruh-birth-custom__button,
  body.page-auth.page-register .kruh-birth-custom.is-open .kruh-birth-custom__button{
    border-color:#60a5fa!important;
    box-shadow:0 0 0 3px rgba(147,197,253,.18),0 14px 28px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.96)!important;
  }

  body.page-home .kruh-birth-custom__value,
  body.page-home-login .kruh-birth-custom__value,
  body.page-home-register .kruh-birth-custom__value,
  body.page-register .kruh-birth-custom__value,
  body.page-auth-register .kruh-birth-custom__value,
  body.page-auth.page-register .kruh-birth-custom__value{
    min-width:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }

  body.page-home .kruh-birth-custom__chevron,
  body.page-home-login .kruh-birth-custom__chevron,
  body.page-home-register .kruh-birth-custom__chevron,
  body.page-register .kruh-birth-custom__chevron,
  body.page-auth-register .kruh-birth-custom__chevron,
  body.page-auth.page-register .kruh-birth-custom__chevron{
    width:8px!important;
    height:8px!important;
    flex:0 0 8px!important;
    border-right:2px solid #0f172a!important;
    border-bottom:2px solid #0f172a!important;
    transform:rotate(45deg) translateY(-2px)!important;
  }

  body.page-home .kruh-birth-custom.is-open .kruh-birth-custom__chevron,
  body.page-home-login .kruh-birth-custom.is-open .kruh-birth-custom__chevron,
  body.page-home-register .kruh-birth-custom.is-open .kruh-birth-custom__chevron,
  body.page-register .kruh-birth-custom.is-open .kruh-birth-custom__chevron,
  body.page-auth-register .kruh-birth-custom.is-open .kruh-birth-custom__chevron,
  body.page-auth.page-register .kruh-birth-custom.is-open .kruh-birth-custom__chevron{
    transform:rotate(225deg) translateY(-2px)!important;
  }

  body.page-home .kruh-birth-custom__menu,
  body.page-home-login .kruh-birth-custom__menu,
  body.page-home-register .kruh-birth-custom__menu,
  body.page-register .kruh-birth-custom__menu,
  body.page-auth-register .kruh-birth-custom__menu,
  body.page-auth.page-register .kruh-birth-custom__menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    width:100%!important;
    max-height:248px!important;
    overflow:auto!important;
    display:none!important;
    padding:7px!important;
    border-radius:16px!important;
    border:1px solid rgba(147,197,253,.42)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(239,246,255,.98))!important;
    box-shadow:0 24px 58px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.96)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    z-index:1300!important;
  }

  body.page-home .kruh-birth-custom.is-open .kruh-birth-custom__menu,
  body.page-home-login .kruh-birth-custom.is-open .kruh-birth-custom__menu,
  body.page-home-register .kruh-birth-custom.is-open .kruh-birth-custom__menu,
  body.page-register .kruh-birth-custom.is-open .kruh-birth-custom__menu,
  body.page-auth-register .kruh-birth-custom.is-open .kruh-birth-custom__menu,
  body.page-auth.page-register .kruh-birth-custom.is-open .kruh-birth-custom__menu{
    display:block!important;
  }

  body.page-home .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-home-login .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-home-register .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-register .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-auth-register .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-auth.page-register .kruh-birth-custom__menu::-webkit-scrollbar{width:8px!important;}

  body.page-home .kruh-birth-custom__menu::-webkit-scrollbar-thumb,
  body.page-home-login .kruh-birth-custom__menu::-webkit-scrollbar-thumb,
  body.page-home-register .kruh-birth-custom__menu::-webkit-scrollbar-thumb,
  body.page-register .kruh-birth-custom__menu::-webkit-scrollbar-thumb,
  body.page-auth-register .kruh-birth-custom__menu::-webkit-scrollbar-thumb,
  body.page-auth.page-register .kruh-birth-custom__menu::-webkit-scrollbar-thumb{
    border-radius:999px!important;
    background:linear-gradient(180deg,#93c5fd,#2563eb)!important;
  }

  body.page-home .kruh-birth-custom__option,
  body.page-home-login .kruh-birth-custom__option,
  body.page-home-register .kruh-birth-custom__option,
  body.page-register .kruh-birth-custom__option,
  body.page-auth-register .kruh-birth-custom__option,
  body.page-auth.page-register .kruh-birth-custom__option{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:8px 10px!important;
    margin:0!important;
    border:0!important;
    border-radius:11px!important;
    background:transparent!important;
    color:#0f172a!important;
    -webkit-text-fill-color:#0f172a!important;
    font-size:14px!important;
    font-weight:850!important;
    line-height:1.1!important;
    text-align:left!important;
    cursor:pointer!important;
  }

  body.page-home .kruh-birth-custom__option:hover,
  body.page-home-login .kruh-birth-custom__option:hover,
  body.page-home-register .kruh-birth-custom__option:hover,
  body.page-register .kruh-birth-custom__option:hover,
  body.page-auth-register .kruh-birth-custom__option:hover,
  body.page-auth.page-register .kruh-birth-custom__option:hover,
  body.page-home .kruh-birth-custom__option:focus,
  body.page-home-login .kruh-birth-custom__option:focus,
  body.page-home-register .kruh-birth-custom__option:focus,
  body.page-register .kruh-birth-custom__option:focus,
  body.page-auth-register .kruh-birth-custom__option:focus,
  body.page-auth.page-register .kruh-birth-custom__option:focus{
    outline:none!important;
    background:rgba(219,234,254,.9)!important;
    color:#1d4ed8!important;
    -webkit-text-fill-color:#1d4ed8!important;
  }

  body.page-home .kruh-birth-custom__option.is-selected,
  body.page-home-login .kruh-birth-custom__option.is-selected,
  body.page-home-register .kruh-birth-custom__option.is-selected,
  body.page-register .kruh-birth-custom__option.is-selected,
  body.page-auth-register .kruh-birth-custom__option.is-selected,
  body.page-auth.page-register .kruh-birth-custom__option.is-selected{
    background:linear-gradient(135deg,#2563eb,#60a5fa)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 10px 22px rgba(37,99,235,.22)!important;
  }
}

@media (max-width: 760px){
  .register-birth-inline-force .kruh-birth-custom{display:none!important;}
}

/* IG216.54: SK/CZ home map safe-fit + KRUH birthdate dropdown polish. */
body.page-home .home-hero-info .hero__mock--skcz-final,
body.page-home-login .home-hero-info .hero__mock--skcz-final,
body.page-home-register .home-hero-info .hero__mock--skcz-final{
  overflow:hidden!important;
  padding:0!important;
}
body.page-home .home-hero-info .hero__mock--skcz-final > img.world-map--skcz-final,
body.page-home-login .home-hero-info .hero__mock--skcz-final > img.world-map--skcz-final,
body.page-home-register .home-hero-info .hero__mock--skcz-final > img.world-map--skcz-final{
  width:96%!important;
  min-width:96%!important;
  max-width:96%!important;
  max-height:92%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}
@media (max-width:760px){
  body.page-home .home-hero-info .hero__mock--skcz-final > img.world-map--skcz-final,
  body.page-home-login .home-hero-info .hero__mock--skcz-final > img.world-map--skcz-final,
  body.page-home-register .home-hero-info .hero__mock--skcz-final > img.world-map--skcz-final{
    width:92%!important;
    min-width:92%!important;
    max-width:92%!important;
    max-height:88%!important;
  }
}
@media (min-width:761px){
  body.page-home .kruh-birth-custom__button,
  body.page-home-login .kruh-birth-custom__button,
  body.page-home-register .kruh-birth-custom__button,
  body.page-register .kruh-birth-custom__button,
  body.page-auth-register .kruh-birth-custom__button,
  body.page-auth.page-register .kruh-birth-custom__button{
    transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease!important;
  }
  body.page-home .kruh-birth-custom__button:hover,
  body.page-home-login .kruh-birth-custom__button:hover,
  body.page-home-register .kruh-birth-custom__button:hover,
  body.page-register .kruh-birth-custom__button:hover,
  body.page-auth-register .kruh-birth-custom__button:hover,
  body.page-auth.page-register .kruh-birth-custom__button:hover{
    transform:translateY(-1px)!important;
  }
  body.page-home .kruh-birth-custom__menu,
  body.page-home-login .kruh-birth-custom__menu,
  body.page-home-register .kruh-birth-custom__menu,
  body.page-register .kruh-birth-custom__menu,
  body.page-auth-register .kruh-birth-custom__menu,
  body.page-auth.page-register .kruh-birth-custom__menu{
    display:block!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(-6px) scale(.985)!important;
    transform-origin:top center!important;
    transition:opacity .16s ease, transform .16s ease, visibility .16s ease!important;
    scrollbar-width:thin!important;
    scrollbar-color:#60a5fa rgba(219,234,254,.78)!important;
  }
  body.page-home .kruh-birth-custom.is-open .kruh-birth-custom__menu,
  body.page-home-login .kruh-birth-custom.is-open .kruh-birth-custom__menu,
  body.page-home-register .kruh-birth-custom.is-open .kruh-birth-custom__menu,
  body.page-register .kruh-birth-custom.is-open .kruh-birth-custom__menu,
  body.page-auth-register .kruh-birth-custom.is-open .kruh-birth-custom__menu,
  body.page-auth.page-register .kruh-birth-custom.is-open .kruh-birth-custom__menu{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }
  body.page-home .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-home-login .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-home-register .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-register .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-auth-register .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-auth.page-register .kruh-birth-custom__menu::-webkit-scrollbar{
    width:5px!important;
  }
  body.page-home .kruh-birth-custom__menu::-webkit-scrollbar-track,
  body.page-home-login .kruh-birth-custom__menu::-webkit-scrollbar-track,
  body.page-home-register .kruh-birth-custom__menu::-webkit-scrollbar-track,
  body.page-register .kruh-birth-custom__menu::-webkit-scrollbar-track,
  body.page-auth-register .kruh-birth-custom__menu::-webkit-scrollbar-track,
  body.page-auth.page-register .kruh-birth-custom__menu::-webkit-scrollbar-track{
    background:rgba(219,234,254,.58)!important;
    border-radius:999px!important;
  }
  body.page-home .kruh-birth-custom__option,
  body.page-home-login .kruh-birth-custom__option,
  body.page-home-register .kruh-birth-custom__option,
  body.page-register .kruh-birth-custom__option,
  body.page-auth-register .kruh-birth-custom__option,
  body.page-auth.page-register .kruh-birth-custom__option{
    transition:background .14s ease, color .14s ease, box-shadow .14s ease, transform .14s ease!important;
  }
  body.page-home .kruh-birth-custom__option:hover,
  body.page-home-login .kruh-birth-custom__option:hover,
  body.page-home-register .kruh-birth-custom__option:hover,
  body.page-register .kruh-birth-custom__option:hover,
  body.page-auth-register .kruh-birth-custom__option:hover,
  body.page-auth.page-register .kruh-birth-custom__option:hover,
  body.page-home .kruh-birth-custom__option:focus,
  body.page-home-login .kruh-birth-custom__option:focus,
  body.page-home-register .kruh-birth-custom__option:focus,
  body.page-register .kruh-birth-custom__option:focus,
  body.page-auth-register .kruh-birth-custom__option:focus,
  body.page-auth.page-register .kruh-birth-custom__option:focus{
    background:linear-gradient(135deg,rgba(219,234,254,.96),rgba(239,246,255,.98))!important;
    color:#1d4ed8!important;
    -webkit-text-fill-color:#1d4ed8!important;
    transform:translateX(2px)!important;
  }
  body.page-home .kruh-birth-custom__option.is-selected,
  body.page-home-login .kruh-birth-custom__option.is-selected,
  body.page-home-register .kruh-birth-custom__option.is-selected,
  body.page-register .kruh-birth-custom__option.is-selected,
  body.page-auth-register .kruh-birth-custom__option.is-selected,
  body.page-auth.page-register .kruh-birth-custom__option.is-selected{
    background:linear-gradient(135deg,#2563eb,#60a5fa)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 10px 22px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.2)!important;
    transform:none!important;
  }
}

/* IG216.55_MAP_DROPDOWN_EDGE_POLISH
   One-step visual stabilization: keep the SK/CZ map fully inside its frame and make the custom birthdate dropdown panel feel more native to KRUH. */
body.page-home .home-hero-info .hero__mock--skcz-final,
body.page-home-login .home-hero-info .hero__mock--skcz-final,
body.page-home-register .home-hero-info .hero__mock--skcz-final{
  height:340px!important;
  min-height:340px!important;
  overflow:hidden!important;
}
body.page-home .home-hero-info .hero__mock--skcz-final > img.world-map--skcz-final,
body.page-home-login .home-hero-info .hero__mock--skcz-final > img.world-map--skcz-final,
body.page-home-register .home-hero-info .hero__mock--skcz-final > img.world-map--skcz-final{
  width:90%!important;
  min-width:0!important;
  max-width:90%!important;
  max-height:88%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}
@media (min-width:1280px){
  body.page-home .home-hero-info .hero__mock--skcz-final > img.world-map--skcz-final,
  body.page-home-login .home-hero-info .hero__mock--skcz-final > img.world-map--skcz-final,
  body.page-home-register .home-hero-info .hero__mock--skcz-final > img.world-map--skcz-final{
    width:88%!important;
    max-width:88%!important;
    max-height:86%!important;
  }
}
@media (max-width:760px){
  body.page-home .home-hero-info .hero__mock--skcz-final,
  body.page-home-login .home-hero-info .hero__mock--skcz-final,
  body.page-home-register .home-hero-info .hero__mock--skcz-final{
    height:300px!important;
    min-height:300px!important;
  }
  body.page-home .home-hero-info .hero__mock--skcz-final > img.world-map--skcz-final,
  body.page-home-login .home-hero-info .hero__mock--skcz-final > img.world-map--skcz-final,
  body.page-home-register .home-hero-info .hero__mock--skcz-final > img.world-map--skcz-final{
    width:88%!important;
    max-width:88%!important;
    max-height:84%!important;
  }
}
@media (min-width:761px){
  body.page-home .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom,
  body.page-home-login .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom,
  body.page-home-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom,
  body.page-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom,
  body.page-auth-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom,
  body.page-auth.page-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom{
    isolation:isolate!important;
  }
  body.page-home .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open,
  body.page-home-login .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open,
  body.page-home-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open,
  body.page-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open,
  body.page-auth-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open,
  body.page-auth.page-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open{
    z-index:5000!important;
  }
  body.page-home .kruh-birth-custom__menu,
  body.page-home-login .kruh-birth-custom__menu,
  body.page-home-register .kruh-birth-custom__menu,
  body.page-register .kruh-birth-custom__menu,
  body.page-auth-register .kruh-birth-custom__menu,
  body.page-auth.page-register .kruh-birth-custom__menu{
    box-sizing:border-box!important;
    left:0!important;
    right:auto!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    padding:8px 7px 8px 8px!important;
    border-radius:15px!important;
    border:1px solid rgba(96,165,250,.48)!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 52%,#eff6ff 100%)!important;
    box-shadow:0 22px 48px rgba(15,23,42,.22),0 8px 18px rgba(37,99,235,.12),inset 0 1px 0 rgba(255,255,255,.98)!important;
    z-index:6000!important;
    scrollbar-gutter:stable!important;
    overscroll-behavior:contain!important;
  }
  body.page-home .kruh-birth-custom__option,
  body.page-home-login .kruh-birth-custom__option,
  body.page-home-register .kruh-birth-custom__option,
  body.page-register .kruh-birth-custom__option,
  body.page-auth-register .kruh-birth-custom__option,
  body.page-auth.page-register .kruh-birth-custom__option{
    min-height:36px!important;
    padding:9px 12px!important;
    border-radius:10px!important;
    font-weight:850!important;
  }
  body.page-home .kruh-birth-custom__option:hover,
  body.page-home-login .kruh-birth-custom__option:hover,
  body.page-home-register .kruh-birth-custom__option:hover,
  body.page-register .kruh-birth-custom__option:hover,
  body.page-auth-register .kruh-birth-custom__option:hover,
  body.page-auth.page-register .kruh-birth-custom__option:hover,
  body.page-home .kruh-birth-custom__option:focus,
  body.page-home-login .kruh-birth-custom__option:focus,
  body.page-home-register .kruh-birth-custom__option:focus,
  body.page-register .kruh-birth-custom__option:focus,
  body.page-auth-register .kruh-birth-custom__option:focus,
  body.page-auth.page-register .kruh-birth-custom__option:focus{
    background:linear-gradient(135deg,rgba(219,234,254,.98),rgba(239,246,255,1))!important;
    color:#1d4ed8!important;
    -webkit-text-fill-color:#1d4ed8!important;
    box-shadow:inset 0 0 0 1px rgba(147,197,253,.44)!important;
    transform:translateX(1px)!important;
  }
  body.page-home .kruh-birth-custom__option.is-selected,
  body.page-home-login .kruh-birth-custom__option.is-selected,
  body.page-home-register .kruh-birth-custom__option.is-selected,
  body.page-register .kruh-birth-custom__option.is-selected,
  body.page-auth-register .kruh-birth-custom__option.is-selected,
  body.page-auth.page-register .kruh-birth-custom__option.is-selected{
    background:linear-gradient(135deg,#2563eb,#3b82f6 56%,#60a5fa)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 10px 22px rgba(37,99,235,.26),inset 0 1px 0 rgba(255,255,255,.24)!important;
    transform:none!important;
  }
  body.page-home .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-home-login .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-home-register .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-register .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-auth-register .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-auth.page-register .kruh-birth-custom__menu::-webkit-scrollbar{
    width:6px!important;
  }
  body.page-home .kruh-birth-custom__menu::-webkit-scrollbar-track,
  body.page-home-login .kruh-birth-custom__menu::-webkit-scrollbar-track,
  body.page-home-register .kruh-birth-custom__menu::-webkit-scrollbar-track,
  body.page-register .kruh-birth-custom__menu::-webkit-scrollbar-track,
  body.page-auth-register .kruh-birth-custom__menu::-webkit-scrollbar-track,
  body.page-auth.page-register .kruh-birth-custom__menu::-webkit-scrollbar-track{
    margin:8px 0!important;
    background:rgba(219,234,254,.48)!important;
    border-radius:999px!important;
  }
  body.page-home .kruh-birth-custom__menu::-webkit-scrollbar-thumb,
  body.page-home-login .kruh-birth-custom__menu::-webkit-scrollbar-thumb,
  body.page-home-register .kruh-birth-custom__menu::-webkit-scrollbar-thumb,
  body.page-register .kruh-birth-custom__menu::-webkit-scrollbar-thumb,
  body.page-auth-register .kruh-birth-custom__menu::-webkit-scrollbar-thumb,
  body.page-auth.page-register .kruh-birth-custom__menu::-webkit-scrollbar-thumb{
    border-radius:999px!important;
    background:linear-gradient(180deg,#60a5fa,#2563eb)!important;
  }
}


/* IG216.56_BIRTHDATE_DROPDOWN_DEPTH_POLISH
   Final desktop-only visual depth pass for the custom KRUH birthdate dropdown.
   Keeps native mobile/auth behavior untouched and only polishes the ready custom panel. */
@media (min-width:761px){
  body.page-home .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom,
  body.page-home-login .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom,
  body.page-home-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom,
  body.page-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom,
  body.page-auth-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom,
  body.page-auth.page-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom{
    overflow:visible!important;
  }

  body.page-home .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open,
  body.page-home-login .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open,
  body.page-home-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open,
  body.page-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open,
  body.page-auth-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open,
  body.page-auth.page-register .register-birth-inline-force.kruh-birth-custom-ready .kruh-birth-custom.is-open{
    z-index:9000!important;
  }

  body.page-home .kruh-birth-custom__button,
  body.page-home-login .kruh-birth-custom__button,
  body.page-home-register .kruh-birth-custom__button,
  body.page-register .kruh-birth-custom__button,
  body.page-auth-register .kruh-birth-custom__button,
  body.page-auth.page-register .kruh-birth-custom__button{
    border-color:rgba(96,165,250,.72)!important;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") 15px 50%/18px 18px no-repeat,
      linear-gradient(180deg,#ffffff 0%,#f7fbff 48%,#edf6ff 100%)!important;
    box-shadow:0 12px 24px rgba(37,99,235,.10),0 2px 5px rgba(15,23,42,.04),inset 0 1px 0 rgba(255,255,255,1)!important;
    transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease!important;
  }

  body.page-home .kruh-birth-custom__button:hover,
  body.page-home-login .kruh-birth-custom__button:hover,
  body.page-home-register .kruh-birth-custom__button:hover,
  body.page-register .kruh-birth-custom__button:hover,
  body.page-auth-register .kruh-birth-custom__button:hover,
  body.page-auth.page-register .kruh-birth-custom__button:hover,
  body.page-home .kruh-birth-custom.is-open .kruh-birth-custom__button,
  body.page-home-login .kruh-birth-custom.is-open .kruh-birth-custom__button,
  body.page-home-register .kruh-birth-custom.is-open .kruh-birth-custom__button,
  body.page-register .kruh-birth-custom.is-open .kruh-birth-custom__button,
  body.page-auth-register .kruh-birth-custom.is-open .kruh-birth-custom__button,
  body.page-auth.page-register .kruh-birth-custom.is-open .kruh-birth-custom__button{
    border-color:#3b82f6!important;
    box-shadow:0 0 0 3px rgba(96,165,250,.22),0 16px 32px rgba(37,99,235,.16),0 4px 8px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,1)!important;
  }

  body.page-home .kruh-birth-custom__menu,
  body.page-home-login .kruh-birth-custom__menu,
  body.page-home-register .kruh-birth-custom__menu,
  body.page-register .kruh-birth-custom__menu,
  body.page-auth-register .kruh-birth-custom__menu,
  body.page-auth.page-register .kruh-birth-custom__menu{
    left:-5px!important;
    width:calc(100% + 10px)!important;
    min-width:calc(100% + 10px)!important;
    max-width:calc(100% + 10px)!important;
    max-height:264px!important;
    padding:10px 10px 10px 10px!important;
    border-radius:18px!important;
    border:1px solid rgba(59,130,246,.50)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,251,255,.98) 42%,rgba(239,246,255,.98) 100%)!important;
    box-shadow:0 28px 70px rgba(15,23,42,.24),0 14px 30px rgba(37,99,235,.17),0 0 0 1px rgba(255,255,255,.82) inset!important;
    scrollbar-width:thin!important;
    scrollbar-color:#3b82f6 rgba(219,234,254,.42)!important;
    transform-origin:top center!important;
    transform:translateY(-4px) scale(.985)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    display:block!important;
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease!important;
  }

  body.page-home .kruh-birth-custom.is-open .kruh-birth-custom__menu,
  body.page-home-login .kruh-birth-custom.is-open .kruh-birth-custom__menu,
  body.page-home-register .kruh-birth-custom.is-open .kruh-birth-custom__menu,
  body.page-register .kruh-birth-custom.is-open .kruh-birth-custom__menu,
  body.page-auth-register .kruh-birth-custom.is-open .kruh-birth-custom__menu,
  body.page-auth.page-register .kruh-birth-custom.is-open .kruh-birth-custom__menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }

  body.page-home .kruh-birth-custom__option,
  body.page-home-login .kruh-birth-custom__option,
  body.page-home-register .kruh-birth-custom__option,
  body.page-register .kruh-birth-custom__option,
  body.page-auth-register .kruh-birth-custom__option,
  body.page-auth.page-register .kruh-birth-custom__option{
    min-height:38px!important;
    padding:10px 14px!important;
    border-radius:12px!important;
    letter-spacing:.01em!important;
    transition:background .14s ease, color .14s ease, box-shadow .14s ease, transform .14s ease!important;
  }

  body.page-home .kruh-birth-custom__option:hover,
  body.page-home-login .kruh-birth-custom__option:hover,
  body.page-home-register .kruh-birth-custom__option:hover,
  body.page-register .kruh-birth-custom__option:hover,
  body.page-auth-register .kruh-birth-custom__option:hover,
  body.page-auth.page-register .kruh-birth-custom__option:hover,
  body.page-home .kruh-birth-custom__option:focus,
  body.page-home-login .kruh-birth-custom__option:focus,
  body.page-home-register .kruh-birth-custom__option:focus,
  body.page-register .kruh-birth-custom__option:focus,
  body.page-auth-register .kruh-birth-custom__option:focus,
  body.page-auth.page-register .kruh-birth-custom__option:focus{
    background:linear-gradient(135deg,rgba(219,234,254,1),rgba(239,246,255,1))!important;
    color:#1d4ed8!important;
    -webkit-text-fill-color:#1d4ed8!important;
    box-shadow:inset 0 0 0 1px rgba(96,165,250,.36),0 8px 16px rgba(37,99,235,.08)!important;
    transform:translateX(2px)!important;
  }

  body.page-home .kruh-birth-custom__option.is-selected,
  body.page-home-login .kruh-birth-custom__option.is-selected,
  body.page-home-register .kruh-birth-custom__option.is-selected,
  body.page-register .kruh-birth-custom__option.is-selected,
  body.page-auth-register .kruh-birth-custom__option.is-selected,
  body.page-auth.page-register .kruh-birth-custom__option.is-selected{
    background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 48%,#60a5fa 100%)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 12px 24px rgba(37,99,235,.30),inset 0 1px 0 rgba(255,255,255,.26)!important;
    transform:none!important;
  }

  body.page-home .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-home-login .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-home-register .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-register .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-auth-register .kruh-birth-custom__menu::-webkit-scrollbar,
  body.page-auth.page-register .kruh-birth-custom__menu::-webkit-scrollbar{
    width:5px!important;
  }

  body.page-home .kruh-birth-custom__menu::-webkit-scrollbar-track,
  body.page-home-login .kruh-birth-custom__menu::-webkit-scrollbar-track,
  body.page-home-register .kruh-birth-custom__menu::-webkit-scrollbar-track,
  body.page-register .kruh-birth-custom__menu::-webkit-scrollbar-track,
  body.page-auth-register .kruh-birth-custom__menu::-webkit-scrollbar-track,
  body.page-auth.page-register .kruh-birth-custom__menu::-webkit-scrollbar-track{
    margin:12px 0!important;
    background:rgba(219,234,254,.36)!important;
    border-radius:999px!important;
  }

  body.page-home .kruh-birth-custom__menu::-webkit-scrollbar-thumb,
  body.page-home-login .kruh-birth-custom__menu::-webkit-scrollbar-thumb,
  body.page-home-register .kruh-birth-custom__menu::-webkit-scrollbar-thumb,
  body.page-register .kruh-birth-custom__menu::-webkit-scrollbar-thumb,
  body.page-auth-register .kruh-birth-custom__menu::-webkit-scrollbar-thumb,
  body.page-auth.page-register .kruh-birth-custom__menu::-webkit-scrollbar-thumb{
    border-radius:999px!important;
    background:linear-gradient(180deg,#93c5fd 0%,#3b82f6 48%,#1d4ed8 100%)!important;
  }
}

/* IG216.57 AUTH TOPBAR EMPTY LOGIN VALIDATION
   Blocks empty desktop navbar submit locally and shows a compact KRUH-style error. */
body.page-home .topbar__login--desktop .topbar__loginCard,
body.page-home-login .topbar__login--desktop .topbar__loginCard,
body.page-home-register .topbar__login--desktop .topbar__loginCard{
  position:relative!important;
}

body.page-home .topbar__login--desktop .kruh-topbar-login-error,
body.page-home-login .topbar__login--desktop .kruh-topbar-login-error,
body.page-home-register .topbar__login--desktop .kruh-topbar-login-error{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  left:50%!important;
  transform:translateX(-50%) translateY(-4px)!important;
  z-index:10050!important;
  width:max-content!important;
  max-width:min(560px, calc(100vw - 32px))!important;
  padding:9px 13px!important;
  border-radius:14px!important;
  border:1px solid rgba(239,68,68,.28)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,247,247,.98))!important;
  box-shadow:0 18px 42px rgba(127,29,29,.18),0 6px 18px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;
  color:#b91c1c!important;
  -webkit-text-fill-color:#b91c1c!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:.005em!important;
  white-space:normal!important;
  text-align:center!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease!important;
}

body.page-home .topbar__login--desktop .kruh-topbar-login-error.is-visible,
body.page-home-login .topbar__login--desktop .kruh-topbar-login-error.is-visible,
body.page-home-register .topbar__login--desktop .kruh-topbar-login-error.is-visible{
  opacity:1!important;
  visibility:visible!important;
  transform:translateX(-50%) translateY(0)!important;
}

body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__input[aria-invalid="true"],
body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__input[aria-invalid="true"],
body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__input[aria-invalid="true"]{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

body.page-home .topbar__login--desktop .kruh-desktop-topbar-login__field:has(.kruh-desktop-topbar-login__input[aria-invalid="true"]),
body.page-home-login .topbar__login--desktop .kruh-desktop-topbar-login__field:has(.kruh-desktop-topbar-login__input[aria-invalid="true"]),
body.page-home-register .topbar__login--desktop .kruh-desktop-topbar-login__field:has(.kruh-desktop-topbar-login__input[aria-invalid="true"]){
  border-color:rgba(255,218,218,.98)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 0 0 2px rgba(248,113,113,.22),0 8px 18px rgba(127,29,29,.16)!important;
}

/* IG216.62_PROFILE_IG_FB_HYBRID_STAGE — profile hero/avatar + IG/FB content separation
   Mobile-first, profile-only. No new CSS files. */
body.page-profile .profile__card,
body.page-profil .profile__card,
body[data-page="profile"] .profile__card,
body[data-path^="/profil/"] .profile__card,
body[data-path^="/u/"] .profile__card{
  border-radius:28px !important;
  overflow:visible !important;
}

body.page-profile .profile__head,
body.page-profil .profile__head,
body[data-page="profile"] .profile__head,
body[data-path^="/profil/"] .profile__head,
body[data-path^="/u/"] .profile__head{
  align-items:center !important;
  gap:22px !important;
  padding:22px !important;
}

body.page-profile .profile__avatarwrap,
body.page-profil .profile__avatarwrap,
body[data-page="profile"] .profile__avatarwrap,
body[data-path^="/profil/"] .profile__avatarwrap,
body[data-path^="/u/"] .profile__avatarwrap{
  position:relative !important;
  display:inline-grid !important;
  place-items:center !important;
  width:132px !important;
  height:132px !important;
  border-radius:999px !important;
  padding:4px !important;
  background:linear-gradient(135deg, rgba(37,99,235,.96), rgba(96,165,250,.78), rgba(255,255,255,.96)) !important;
  box-shadow:0 18px 44px rgba(37,99,235,.20), 0 10px 26px rgba(15,23,42,.14) !important;
  flex:0 0 132px !important;
  text-decoration:none !important;
}

body.page-profile .profile__avatar,
body.page-profil .profile__avatar,
body[data-page="profile"] .profile__avatar,
body[data-path^="/profil/"] .profile__avatar,
body[data-path^="/u/"] .profile__avatar{
  width:124px !important;
  height:124px !important;
  border-radius:999px !important;
  border:4px solid rgba(255,255,255,.96) !important;
  object-fit:cover !important;
  box-shadow:0 10px 28px rgba(15,23,42,.18) !important;
}

body.page-profile .profile__avatarwrap::after,
body.page-profil .profile__avatarwrap::after,
body[data-page="profile"] .profile__avatarwrap::after,
body[data-path^="/profil/"] .profile__avatarwrap::after,
body[data-path^="/u/"] .profile__avatarwrap::after{
  content:"";
  position:absolute;
  right:8px;
  bottom:12px;
  width:23px;
  height:23px;
  border-radius:999px;
  background:linear-gradient(180deg,#4ade80,#22c55e);
  border:4px solid #fff;
  box-shadow:0 8px 18px rgba(34,197,94,.25);
}

.profile__feedHead--igHybrid{
  padding:0 !important;
}
.profile__feedTabs--igHybrid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:0 !important;
  width:100% !important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.92)) !important;
  border-radius:22px !important;
  overflow:hidden !important;
}
.profile__feedTab--ig{
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#64748b !important;
  font-weight:900 !important;
  position:relative !important;
  box-shadow:none !important;
}
.profile__feedTab--ig::after{
  content:"";
  position:absolute;
  left:16%;
  right:16%;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,#1d4ed8,#60a5fa);
  opacity:0;
  transform:scaleX(.6);
  transition:opacity .18s ease, transform .18s ease;
}
.profile__feedTab--ig:hover,
.profile__feedTab--ig.is-active{
  color:#1d4ed8 !important;
  background:rgba(59,130,246,.06) !important;
}
.profile__feedTab--ig.is-active::after{
  opacity:1;
  transform:scaleX(1);
}

.profile-ig-status-card,
.profile-ig-posts-head{
  margin-bottom:16px !important;
  border-radius:24px !important;
  overflow:visible !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(191,219,254,.72) !important;
  box-shadow:0 18px 42px rgba(15,23,42,.08) !important;
}
.profile-ig-status-card{
  padding:16px 18px 18px !important;
}
.profile-ig-status-card__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.profile-ig-status-card__head .h2{
  margin:0;
  font-size:18px;
  font-weight:950;
}
.profile-ig-status-tray{
  display:flex;
  gap:18px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  padding:3px 4px 8px;
  scrollbar-width:thin;
}
.profile-ig-status-tray::-webkit-scrollbar{height:6px;}
.profile-ig-status-tray::-webkit-scrollbar-thumb{background:rgba(59,130,246,.38);border-radius:999px;}
.profile-ig-status-bubble{
  width:86px;
  min-width:86px;
  text-align:center;
  color:#334155;
  text-decoration:none;
  font-weight:850;
  scroll-snap-align:start;
}
.profile-ig-status-bubble__ring{
  width:78px;
  height:78px;
  margin:0 auto 8px;
  border-radius:999px;
  display:grid;
  place-items:center;
  padding:3px;
  background:linear-gradient(135deg,#2563eb,#60a5fa,#e0f2fe);
  box-shadow:0 12px 28px rgba(37,99,235,.18);
}
.profile-ig-status-bubble__ring.is-live{
  background:conic-gradient(from 180deg,#ec4899,#f97316,#facc15,#2563eb,#ec4899);
}
.profile-ig-status-bubble__ring img,
.profile-ig-status-bubble__ring > span:not(.profile-ig-status-bubble__plus){
  width:100%;
  height:100%;
  border-radius:999px;
  object-fit:cover;
  display:grid;
  place-items:center;
  background:#eff6ff;
  border:3px solid #fff;
  color:#1d4ed8;
  font-weight:950;
}
.profile-ig-status-bubble__ring--create{
  background:linear-gradient(180deg,#eff6ff,#dbeafe);
  border:1px solid rgba(147,197,253,.8);
}
.profile-ig-status-bubble__ring--create span{
  font-size:34px;
  line-height:1;
  color:#2563eb;
}
.profile-ig-status-bubble__label{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:13px;
  line-height:1.2;
}
.profile-ig-posts-head{
  padding:14px 16px !important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.profile-ig-posts-head__title{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:18px;
  font-weight:950;
  color:#0f172a;
}
.profile-ig-posts-head__title i{color:#2563eb;}
.profile-ig-post-filters{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  justify-content:flex-end;
}
.profile-ig-post-filter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(203,213,225,.72);
  background:#fff;
  color:#0f172a;
  font-weight:900;
  box-shadow:0 8px 20px rgba(15,23,42,.05);
}
.profile-ig-post-filter.is-active{
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  border-color:rgba(37,99,235,.6);
  box-shadow:0 12px 26px rgba(37,99,235,.22);
}

@media (min-width:900px){
  body.page-profile .profile__head,
  body.page-profil .profile__head,
  body[data-page="profile"] .profile__head,
  body[data-path^="/profil/"] .profile__head,
  body[data-path^="/u/"] .profile__head{
    padding:30px 34px !important;
    align-items:center !important;
  }
  body.page-profile .profile__avatarwrap,
  body.page-profil .profile__avatarwrap,
  body[data-page="profile"] .profile__avatarwrap,
  body[data-path^="/profil/"] .profile__avatarwrap,
  body[data-path^="/u/"] .profile__avatarwrap{
    width:172px !important;
    height:172px !important;
    flex-basis:172px !important;
    padding:5px !important;
  }
  body.page-profile .profile__avatar,
  body.page-profil .profile__avatar,
  body[data-page="profile"] .profile__avatar,
  body[data-path^="/profil/"] .profile__avatar,
  body[data-path^="/u/"] .profile__avatar{
    width:162px !important;
    height:162px !important;
  }
  body.page-profile .profile__name,
  body.page-profil .profile__name,
  body[data-page="profile"] .profile__name,
  body[data-path^="/profil/"] .profile__name,
  body[data-path^="/u/"] .profile__name{
    font-size:30px !important;
  }
}

@media (max-width:720px){
  body.page-profile .profile__head,
  body.page-profil .profile__head,
  body[data-page="profile"] .profile__head,
  body[data-path^="/profil/"] .profile__head,
  body[data-path^="/u/"] .profile__head{
    align-items:flex-start !important;
    gap:14px !important;
    padding:18px !important;
  }
  body.page-profile .profile__avatarwrap,
  body.page-profil .profile__avatarwrap,
  body[data-page="profile"] .profile__avatarwrap,
  body[data-path^="/profil/"] .profile__avatarwrap,
  body[data-path^="/u/"] .profile__avatarwrap{
    width:112px !important;
    height:112px !important;
    flex-basis:112px !important;
    padding:4px !important;
  }
  body.page-profile .profile__avatar,
  body.page-profil .profile__avatar,
  body[data-page="profile"] .profile__avatar,
  body[data-path^="/profil/"] .profile__avatar,
  body[data-path^="/u/"] .profile__avatar{
    width:104px !important;
    height:104px !important;
  }
  .profile__feedTabs--igHybrid{
    grid-template-columns:repeat(4,minmax(72px,1fr)) !important;
    overflow-x:auto !important;
  }
  .profile__feedTab--ig{
    min-height:52px !important;
    font-size:13px !important;
    gap:6px !important;
  }
  .profile-ig-status-card__head,
  .profile-ig-posts-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .profile-ig-post-filters{justify-content:flex-start;}
}


/* IG216.65 profile media tabs safe activation */
.profile-ig-post-filter{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(203,213,225,.72);
  cursor:pointer;
  user-select:none;
  font:inherit;
}
.profile-ig-post-filter:hover{
  border-color:rgba(37,99,235,.35);
  box-shadow:0 12px 26px rgba(37,99,235,.10);
}
.profile-ig-post-filter:focus-visible{
  outline:3px solid rgba(37,99,235,.22);
  outline-offset:2px;
}
.profile-ig-media-panel{
  padding:16px !important;
  margin-bottom:16px;
}
.profile-ig-media-panel[hidden]{
  display:none !important;
}
.profile-ig-media-panel__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.profile-ig-media-panel__title{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:18px;
  font-weight:950;
  color:#0f172a;
}
.profile-ig-media-panel__title i{
  color:#2563eb;
}
.profile-ig-media-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.profile-ig-media-tile{
  position:relative;
  display:block;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:16px;
  background:#eef4ff;
  border:1px solid rgba(191,219,254,.72);
  box-shadow:0 12px 26px rgba(15,23,42,.08);
}
.profile-ig-media-tile img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .18s ease, filter .18s ease;
}
.profile-ig-media-tile:hover img{
  transform:scale(1.035);
  filter:saturate(1.04) contrast(1.02);
}
.profile-ig-media-empty{
  min-height:160px;
  display:grid;
  place-items:center;
  text-align:center;
  color:#64748b;
  font-weight:800;
  border:1px dashed rgba(147,197,253,.8);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(239,246,255,.82),rgba(255,255,255,.95));
}
@media (max-width:720px){
  .profile-ig-posts-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .profile-ig-post-filters{
    width:100%;
    justify-content:flex-start;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:2px;
    -webkit-overflow-scrolling:touch;
  }
  .profile-ig-media-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
  }
  .profile-ig-media-panel{
    padding:10px !important;
  }
  .profile-ig-media-tile{
    border-radius:10px;
  }
}


/* IG216.66 profile media switch fix */
.profile-ig-media-panel[hidden],
.feed-bg.profile-feed-surface[hidden]{
  display:none !important;
}
.profile-ig-media-panel.is-active{
  display:block;
}
.profile-ig-post-filter{
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
}


/* IG216.67 profile photo hover + viewer */
.profile-ig-media-tile__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:22px;color:#fff;font-weight:950;font-size:18px;background:rgba(2,6,23,.42);opacity:0;transform:scale(1.01);transition:opacity .18s ease,transform .18s ease;pointer-events:none}
.profile-ig-media-tile:hover .profile-ig-media-tile__overlay,.profile-ig-media-tile:focus-visible .profile-ig-media-tile__overlay{opacity:1;transform:scale(1)}
.profile-ig-media-tile__overlay span{display:inline-flex;align-items:center;gap:8px;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.kruh-photo-viewer[hidden]{display:none!important}
.kruh-photo-viewer{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:28px;background:rgba(2,6,23,.94)}
.kruh-photo-viewer-open{overflow:hidden!important}
.kruh-photo-viewer__close{position:fixed;top:18px;right:22px;z-index:2;width:44px;height:44px;border:0;border-radius:999px;background:rgba(15,23,42,.45);color:#fff;font-size:34px;line-height:1;cursor:pointer}
.kruh-photo-viewer__shell{width:min(1180px,96vw);height:min(780px,88vh);display:grid;grid-template-columns:minmax(0,1fr) 390px;overflow:hidden;border-radius:16px;background:#0b1220;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.kruh-photo-viewer__media{display:grid;place-items:center;min-width:0;background:#020617}
.kruh-photo-viewer__media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.kruh-photo-viewer__side{display:flex;flex-direction:column;min-width:0;background:#111827;color:#e5e7eb;border-left:1px solid rgba(255,255,255,.08)}
.kruh-photo-viewer__author{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.kruh-photo-viewer__avatar{width:42px;height:42px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:#1d4ed8;color:#fff;font-weight:950;flex:0 0 auto}
.kruh-photo-viewer__avatar img{width:100%;height:100%;object-fit:cover}
.kruh-photo-viewer__author strong{display:block;color:#fff}.kruh-photo-viewer__author small{display:block;color:#94a3b8;margin-top:2px}
.kruh-photo-viewer__more{margin-left:auto;border:0;background:transparent;color:#cbd5e1;font-weight:950;cursor:pointer}
.kruh-photo-viewer__caption{padding:16px;line-height:1.45;border-bottom:1px solid rgba(255,255,255,.06)}
.kruh-photo-viewer__caption strong{color:#fff;margin-right:6px}
.kruh-photo-viewer__comments{flex:1;overflow:auto;padding:16px}.kruh-photo-viewer__empty{color:#94a3b8;font-weight:700}
.kruh-photo-viewer__actions{display:flex;align-items:center;gap:16px;padding:14px 16px 6px}
.kruh-photo-viewer__actions button{border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer}.kruh-photo-viewer__actions button:last-child{margin-left:auto}
.kruh-photo-viewer__likes{padding:0 16px 12px;color:#fff;font-weight:900}
.kruh-photo-viewer__commentForm{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.08)}
.kruh-photo-viewer__commentForm input{flex:1;min-width:0;border:0;outline:0;color:#e5e7eb;background:transparent;font:inherit}
.kruh-photo-viewer__commentForm button{border:0;background:transparent;color:#60a5fa;font-weight:950;cursor:pointer}
@media (max-width:860px){.kruh-photo-viewer{padding:0}.kruh-photo-viewer__shell{width:100vw;height:100vh;border-radius:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(260px,42vh)}.kruh-photo-viewer__side{border-left:0;border-top:1px solid rgba(255,255,255,.08)}}


/* IG216.68 profile photo viewer click fix */
.kruh-photo-viewer[hidden]{display:none!important}
.kruh-photo-viewer{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:28px;background:rgba(2,6,23,.94)}
.kruh-photo-viewer-open{overflow:hidden!important}
.kruh-photo-viewer__close{position:fixed;top:18px;right:22px;z-index:2;width:44px;height:44px;border:0;border-radius:999px;background:rgba(15,23,42,.45);color:#fff;font-size:34px;line-height:1;cursor:pointer}
.kruh-photo-viewer__shell{width:min(1180px,96vw);height:min(780px,88vh);display:grid;grid-template-columns:minmax(0,1fr) 390px;overflow:hidden;border-radius:16px;background:#0b1220;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.kruh-photo-viewer__media{display:grid;place-items:center;min-width:0;background:#020617}
.kruh-photo-viewer__media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.kruh-photo-viewer__side{display:flex;flex-direction:column;min-width:0;background:#111827;color:#e5e7eb;border-left:1px solid rgba(255,255,255,.08)}
.kruh-photo-viewer__author{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.kruh-photo-viewer__avatar{width:42px;height:42px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:#1d4ed8;color:#fff;font-weight:950;flex:0 0 auto}
.kruh-photo-viewer__avatar img{width:100%;height:100%;object-fit:cover}
.kruh-photo-viewer__author strong{display:block;color:#fff}.kruh-photo-viewer__author small{display:block;color:#94a3b8;margin-top:2px}
.kruh-photo-viewer__more{margin-left:auto;border:0;background:transparent;color:#cbd5e1;font-weight:950;cursor:pointer}
.kruh-photo-viewer__caption{padding:16px;line-height:1.45;border-bottom:1px solid rgba(255,255,255,.06)}
.kruh-photo-viewer__caption strong{color:#fff;margin-right:6px}
.kruh-photo-viewer__comments{flex:1;overflow:auto;padding:16px}.kruh-photo-viewer__empty{color:#94a3b8;font-weight:700}
.kruh-photo-viewer__actions{display:flex;align-items:center;gap:16px;padding:14px 16px 6px}
.kruh-photo-viewer__actions button{border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer}.kruh-photo-viewer__actions button:last-child{margin-left:auto}
.kruh-photo-viewer__likes{padding:0 16px 12px;color:#fff;font-weight:900}
.kruh-photo-viewer__commentForm{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.08)}
.kruh-photo-viewer__commentForm input{flex:1;min-width:0;border:0;outline:0;color:#e5e7eb;background:transparent;font:inherit}
.kruh-photo-viewer__commentForm button{border:0;background:transparent;color:#60a5fa;font-weight:950;cursor:pointer}
@media (max-width:860px){.kruh-photo-viewer{padding:0}.kruh-photo-viewer__shell{width:100vw;height:100vh;border-radius:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(260px,42vh)}.kruh-photo-viewer__side{border-left:0;border-top:1px solid rgba(255,255,255,.08)}}


/* IG216.69 profile photos use same gallery DB data/components */
.profile-ig-media-panel--gallery-db{
  overflow:hidden;
}
.profile-ig-media-panel__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  color:#2563eb;
  background:#eff6ff;
  border:1px solid rgba(147,197,253,.72);
  font-weight:900;
  text-decoration:none;
}
.profile-gallery-db-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.profile-gallery-db-card{
  min-width:0;
}
.profile-gallery-db-card__media{
  width:100%;
  margin:0 0 8px;
}
.profile-gallery-db-card__bar{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:-54px;
  padding:0 10px 16px;
  position:relative;
  z-index:2;
  pointer-events:none;
}
.profile-gallery-db-card__bar > *{
  pointer-events:auto;
}
.gallery-reactions--profile .gallery-reaction-trigger{
  min-height:36px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  border:0;
  box-shadow:0 14px 30px rgba(15,23,42,.18);
}
.profile-gallery-db-card__stat{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:0 12px;
  border:0;
  border-radius:999px;
  color:#fff;
  background:rgba(15,23,42,.78);
  font-weight:900;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(15,23,42,.18);
}
.profile-gallery-db-card__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 2px 8px;
}
.profile-gallery-db-card__album{
  min-width:0;
  color:#64748b;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profile-gallery-db-card__badges{
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
}
.profile-gallery-db-card__comments{
  margin-top:6px;
}
.profile-gallery-db-card__comments[open]{
  padding:10px;
  border-radius:16px;
  background:#f8fbff;
  border:1px solid rgba(191,219,254,.72);
}
@media (max-width:900px){
  .profile-gallery-db-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:560px){
  .profile-gallery-db-grid{
    grid-template-columns:1fr;
  }
  .profile-ig-media-panel__head{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* IG216.70 photo viewer real actions */
.kruh-photo-viewer__comment{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:14px;
}
.kruh-photo-viewer__commentAvatar{
  width:32px;
  height:32px;
  border-radius:999px;
  object-fit:cover;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  background:#1d4ed8;
  color:#fff;
  font-weight:950;
  font-size:13px;
}
.kruh-photo-viewer__commentBody{
  min-width:0;
  line-height:1.42;
  color:#dbeafe;
}
.kruh-photo-viewer__commentBody strong{
  color:#fff;
  margin-right:5px;
}
.kruh-photo-viewer__actions button.is-active{
  color:#60a5fa;
}
.kruh-photo-viewer__actions button.is-copied{
  color:#22c55e;
}
.kruh-photo-viewer__commentForm input:focus{
  color:#fff;
}


/* IG216.72 pure IG profile photos grid */
.profile-ig-media-panel--gallery-db{
  padding-top:16px !important;
}
.profile-ig-media-panel--gallery-db .profile-ig-media-panel__head,
.profile-ig-media-panel--gallery-db .profile-gallery-db-card__bar,
.profile-ig-media-panel--gallery-db .profile-gallery-db-card__meta{
  display:none !important;
}
.profile-ig-media-panel--gallery-db .profile-gallery-db-grid{
  gap:10px;
}
.profile-ig-media-panel--gallery-db .profile-gallery-db-card__media{
  margin:0 !important;
}


/* IG216.73 photo viewer consistent image fit */
.kruh-photo-viewer__media{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#020817;
}
.kruh-photo-viewer__media img,
.kruh-photo-viewer__image{
  max-width:100%;
  max-height:88vh;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
}


/* IG216.74 photo viewer consistent right action panel */
.kruh-photo-viewer__shell{
  align-items:stretch !important;
}
.kruh-photo-viewer__side{
  height:100% !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto auto !important;
}
.kruh-photo-viewer__comments{
  min-height:0 !important;
  overflow:auto !important;
  padding:16px !important;
}
.kruh-photo-viewer__actions{
  position:relative !important;
  z-index:3 !important;
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
  padding:14px 18px 8px !important;
  background:#111827 !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  flex:0 0 auto !important;
}
.kruh-photo-viewer__actions button{
  width:34px !important;
  height:34px !important;
  display:inline-grid !important;
  place-items:center !important;
}
.kruh-photo-viewer__actions button:last-child{
  margin-left:auto !important;
}
.kruh-photo-viewer__likes{
  display:block !important;
  min-height:24px !important;
  padding:0 18px 10px !important;
  background:#111827 !important;
  flex:0 0 auto !important;
}
.kruh-photo-viewer__commentForm{
  min-height:58px !important;
  padding:12px 18px !important;
  background:#111827 !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  flex:0 0 auto !important;
}
@media (max-width:860px){
  .kruh-photo-viewer__shell{
    grid-template-rows:minmax(0,1fr) minmax(320px,45vh) !important;
  }
  .kruh-photo-viewer__side{
    min-height:320px !important;
  }
}


/* IG216.75 photo viewer viewport + overlay cleanup */
.kruh-photo-viewer{
  z-index:2147483000 !important;
  padding:clamp(12px,2vh,24px) !important;
}
.kruh-photo-viewer__close{
  z-index:2147483001 !important;
}
.kruh-photo-viewer__shell{
  width:min(1180px,calc(100vw - 32px)) !important;
  height:min(780px,calc(100vh - 48px)) !important;
  max-height:calc(100vh - 48px) !important;
  align-items:stretch !important;
}
.kruh-photo-viewer__media{
  min-height:0 !important;
  height:100% !important;
  overflow:hidden !important;
}
.kruh-photo-viewer__media img{
  max-height:calc(100vh - 48px) !important;
  max-width:100% !important;
  object-fit:contain !important;
}
.kruh-photo-viewer__side{
  height:100% !important;
  max-height:calc(100vh - 48px) !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto auto !important;
  overflow:hidden !important;
}
.kruh-photo-viewer__comments{
  min-height:0 !important;
  overflow:auto !important;
}
.kruh-photo-viewer__actions,
.kruh-photo-viewer__likes,
.kruh-photo-viewer__commentForm{
  display:flex !important;
  flex-shrink:0 !important;
  visibility:visible !important;
  opacity:1 !important;
}
.kruh-photo-viewer__likes{
  display:block !important;
}
html.kruh-photo-viewer-open .topbar,
html.kruh-photo-viewer-open .site-topbar,
html.kruh-photo-viewer-open .app-topbar,
html.kruh-photo-viewer-open .kruh-topbar,
html.kruh-photo-viewer-open header[role="banner"],
body.kruh-photo-viewer-open .topbar,
body.kruh-photo-viewer-open .site-topbar,
body.kruh-photo-viewer-open .app-topbar,
body.kruh-photo-viewer-open .kruh-topbar,
body.kruh-photo-viewer-open header[role="banner"],
html.kruh-photo-viewer-open [data-chat-launcher],
html.kruh-photo-viewer-open [data-chat-widget],
html.kruh-photo-viewer-open .chat-launcher,
html.kruh-photo-viewer-open .chat-widget,
html.kruh-photo-viewer-open .chat-fab,
html.kruh-photo-viewer-open .messages-fab,
html.kruh-photo-viewer-open .floating-chat,
body.kruh-photo-viewer-open [data-chat-launcher],
body.kruh-photo-viewer-open [data-chat-widget],
body.kruh-photo-viewer-open .chat-launcher,
body.kruh-photo-viewer-open .chat-widget,
body.kruh-photo-viewer-open .chat-fab,
body.kruh-photo-viewer-open .messages-fab,
body.kruh-photo-viewer-open .floating-chat{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
@media (max-width:860px){
  .kruh-photo-viewer{
    padding:0 !important;
  }
  .kruh-photo-viewer__shell{
    width:100vw !important;
    height:100dvh !important;
    max-height:100dvh !important;
    grid-template-rows:minmax(0,1fr) minmax(330px,46dvh) !important;
  }
  .kruh-photo-viewer__side{
    max-height:46dvh !important;
    min-height:330px !important;
  }
  .kruh-photo-viewer__media img{
    max-height:54dvh !important;
  }
}


/* IG216.76 hide floating messages button during photo viewer */
.kruh-photo-viewer-open .messages-fab,
.kruh-photo-viewer-open .messages-widget,
.kruh-photo-viewer-open .messages-button,
.kruh-photo-viewer-open .floating-messages,
.kruh-photo-viewer-open .chat-bubble,
.kruh-photo-viewer-open .support-chat,
.kruh-photo-viewer-open [class*="spravy"],
.kruh-photo-viewer-open [class*="messages"],
.kruh-photo-viewer-open [class*="chat"]{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:scale(.8) !important;
}


/* IG216.77 mobile photo viewer final polish */
.kruh-photo-viewer{
  overscroll-behavior:contain !important;
  touch-action:manipulation;
}
.kruh-photo-viewer__shell{
  isolation:isolate;
}
.kruh-photo-viewer__media{
  position:relative;
}
.kruh-photo-viewer__media::after{
  content:"❤";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) scale(.65);
  opacity:0;
  color:#fff;
  font-size:86px;
  text-shadow:0 14px 38px rgba(0,0,0,.45);
  pointer-events:none;
}
.kruh-photo-viewer.is-heart-pop .kruh-photo-viewer__media::after{
  animation:kruhViewerHeartPop .52s ease both;
}
@keyframes kruhViewerHeartPop{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.45)}
  35%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.28)}
}

/* Hide all known floating chrome while viewer is open */
html.kruh-photo-viewer-open body > header,
html.kruh-photo-viewer-open body > nav,
html.kruh-photo-viewer-open .topbar,
html.kruh-photo-viewer-open .site-topbar,
html.kruh-photo-viewer-open .app-topbar,
html.kruh-photo-viewer-open .kruh-topbar,
html.kruh-photo-viewer-open .desktop-topbar,
html.kruh-photo-viewer-open .mobile-topbar,
html.kruh-photo-viewer-open .bottom-nav,
html.kruh-photo-viewer-open .mobile-bottom-nav,
html.kruh-photo-viewer-open .chat-launcher,
html.kruh-photo-viewer-open .messages-launcher,
html.kruh-photo-viewer-open .messages-fab,
html.kruh-photo-viewer-open .chat-fab,
html.kruh-photo-viewer-open .floating-chat,
html.kruh-photo-viewer-open .floating-messages,
html.kruh-photo-viewer-open [data-chat-launcher],
html.kruh-photo-viewer-open [data-chat-widget],
html.kruh-photo-viewer-open [data-messages-launcher],
body.kruh-photo-viewer-open body > header,
body.kruh-photo-viewer-open body > nav,
body.kruh-photo-viewer-open .topbar,
body.kruh-photo-viewer-open .site-topbar,
body.kruh-photo-viewer-open .app-topbar,
body.kruh-photo-viewer-open .kruh-topbar,
body.kruh-photo-viewer-open .desktop-topbar,
body.kruh-photo-viewer-open .mobile-topbar,
body.kruh-photo-viewer-open .bottom-nav,
body.kruh-photo-viewer-open .mobile-bottom-nav,
body.kruh-photo-viewer-open .chat-launcher,
body.kruh-photo-viewer-open .messages-launcher,
body.kruh-photo-viewer-open .messages-fab,
body.kruh-photo-viewer-open .chat-fab,
body.kruh-photo-viewer-open .floating-chat,
body.kruh-photo-viewer-open .floating-messages,
body.kruh-photo-viewer-open [data-chat-launcher],
body.kruh-photo-viewer-open [data-chat-widget],
body.kruh-photo-viewer-open [data-messages-launcher]{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* Desktop keeps IG modal stable */
@media (min-width:861px){
  .kruh-photo-viewer{
    align-items:center !important;
    justify-items:center !important;
  }
  .kruh-photo-viewer__shell{
    width:min(1180px,calc(100vw - 48px)) !important;
    height:min(800px,calc(100vh - 56px)) !important;
    max-height:calc(100vh - 56px) !important;
    grid-template-columns:minmax(0,1fr) minmax(340px,410px) !important;
  }
  .kruh-photo-viewer__side{
    grid-template-rows:auto auto minmax(0,1fr) auto auto auto !important;
  }
}

/* Mobile Instagram-like viewer */
@media (max-width:860px){
  .kruh-photo-viewer{
    padding:0 !important;
    align-items:stretch !important;
    justify-items:stretch !important;
    background:#020617 !important;
  }
  .kruh-photo-viewer__close{
    top:max(10px,env(safe-area-inset-top)) !important;
    right:10px !important;
    width:40px !important;
    height:40px !important;
    font-size:30px !important;
    background:rgba(15,23,42,.72) !important;
    backdrop-filter:blur(10px);
  }
  .kruh-photo-viewer__shell{
    width:100vw !important;
    height:100dvh !important;
    max-height:100dvh !important;
    border-radius:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:minmax(0,54dvh) minmax(0,46dvh) !important;
    box-shadow:none !important;
  }
  .kruh-photo-viewer__media{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
    background:#020617 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .kruh-photo-viewer__media img{
    max-width:100vw !important;
    max-height:54dvh !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
  }
  .kruh-photo-viewer__side{
    width:100% !important;
    height:46dvh !important;
    max-height:46dvh !important;
    min-height:0 !important;
    border-left:0 !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
    border-radius:18px 18px 0 0 !important;
    margin-top:-14px !important;
    position:relative !important;
    z-index:2 !important;
    display:grid !important;
    grid-template-rows:auto auto minmax(0,1fr) auto auto auto !important;
    background:#111827 !important;
    overflow:hidden !important;
  }
  .kruh-photo-viewer__author{
    padding:12px 14px !important;
    gap:10px !important;
  }
  .kruh-photo-viewer__avatar{
    width:34px !important;
    height:34px !important;
  }
  .kruh-photo-viewer__caption{
    padding:10px 14px !important;
    font-size:14px !important;
  }
  .kruh-photo-viewer__comments{
    min-height:0 !important;
    overflow:auto !important;
    padding:10px 14px !important;
    -webkit-overflow-scrolling:touch;
  }
  .kruh-photo-viewer__actions{
    padding:10px 14px 4px !important;
    gap:18px !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
  }
  .kruh-photo-viewer__actions button{
    width:36px !important;
    height:36px !important;
    font-size:23px !important;
  }
  .kruh-photo-viewer__likes{
    padding:0 14px 8px !important;
    min-height:22px !important;
    font-size:14px !important;
  }
  .kruh-photo-viewer__commentForm{
    min-height:54px !important;
    padding:10px 14px max(10px,env(safe-area-inset-bottom)) !important;
    gap:10px !important;
    background:#111827 !important;
  }
  .kruh-photo-viewer__commentForm input{
    font-size:16px !important;
  }
  .kruh-photo-viewer.is-commenting .kruh-photo-viewer__shell{
    grid-template-rows:minmax(0,42dvh) minmax(0,58dvh) !important;
  }
  .kruh-photo-viewer.is-commenting .kruh-photo-viewer__media img{
    max-height:42dvh !important;
  }
  .kruh-photo-viewer.is-commenting .kruh-photo-viewer__side{
    height:58dvh !important;
    max-height:58dvh !important;
  }
}

/* Very small phones */
@media (max-width:430px){
  .kruh-photo-viewer__shell{
    grid-template-rows:minmax(0,50dvh) minmax(0,50dvh) !important;
  }
  .kruh-photo-viewer__media img{
    max-height:50dvh !important;
  }
  .kruh-photo-viewer__side{
    height:50dvh !important;
    max-height:50dvh !important;
  }
}


/* IG216.78 hard-hide real Správy dock/launcher during photo viewer */
html.kruh-photo-viewer-open body .pk-float-dock-btn,
html.kruh-photo-viewer-open body button.pk-float-dock-btn,
html.kruh-photo-viewer-open body .pk-mobile-dock-btn,
html.kruh-photo-viewer-open body button.pk-mobile-dock-btn,
html.kruh-photo-viewer-open body .pk-float-dock,
html.kruh-photo-viewer-open body .pk-mobile-dock,
html.kruh-photo-viewer-open body [data-float-dock-btn],
html.kruh-photo-viewer-open body [data-mobile-dock-trigger],
html.kruh-photo-viewer-open body [data-float-dock],
html.kruh-photo-viewer-open body [data-chat-float-root],
html.kruh-photo-viewer-open body [data-chat-open],
html.kruh-photo-viewer-open body [data-chat-launcher],
body.kruh-photo-viewer-open .pk-float-dock-btn,
body.kruh-photo-viewer-open button.pk-float-dock-btn,
body.kruh-photo-viewer-open .pk-mobile-dock-btn,
body.kruh-photo-viewer-open button.pk-mobile-dock-btn,
body.kruh-photo-viewer-open .pk-float-dock,
body.kruh-photo-viewer-open .pk-mobile-dock,
body.kruh-photo-viewer-open [data-float-dock-btn],
body.kruh-photo-viewer-open [data-mobile-dock-trigger],
body.kruh-photo-viewer-open [data-float-dock],
body.kruh-photo-viewer-open [data-chat-float-root],
body.kruh-photo-viewer-open [data-chat-open],
body.kruh-photo-viewer-open [data-chat-launcher]{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:scale(.72) !important;
}


/* IG216.79 mobile profile/photo hard-hide real Správy launcher */
@media (max-width:860px){
  html body.kruh-profile-mobile-hide-messages .pk-mobile-dock-btn,
  html body.kruh-profile-mobile-hide-messages button.pk-mobile-dock-btn,
  html body.kruh-profile-mobile-hide-messages .pk-float-dock-btn,
  html body.kruh-profile-mobile-hide-messages button.pk-float-dock-btn,
  html body.kruh-profile-mobile-hide-messages .pk-mobile-dock,
  html body.kruh-profile-mobile-hide-messages .pk-float-dock,
  html body.kruh-profile-mobile-hide-messages [data-mobile-dock-trigger],
  html body.kruh-profile-mobile-hide-messages [data-float-dock-btn],
  html body.kruh-profile-mobile-hide-messages [data-float-dock],
  html body.kruh-profile-mobile-hide-messages [data-chat-float-root],
  html body.kruh-profile-mobile-hide-messages [data-chat-open],
  html body.kruh-profile-mobile-hide-messages [data-chat-launcher]{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:scale(.72) !important;
  }
}
html.kruh-photo-viewer-open body .pk-mobile-dock-btn,
html.kruh-photo-viewer-open body button.pk-mobile-dock-btn,
html.kruh-photo-viewer-open body .pk-float-dock-btn,
html.kruh-photo-viewer-open body button.pk-float-dock-btn,
html.kruh-photo-viewer-open body .pk-mobile-dock,
html.kruh-photo-viewer-open body .pk-float-dock,
html.kruh-photo-viewer-open body [data-mobile-dock-trigger],
html.kruh-photo-viewer-open body [data-float-dock-btn],
html.kruh-photo-viewer-open body [data-float-dock],
html.kruh-photo-viewer-open body [data-chat-float-root],
html.kruh-photo-viewer-open body [data-chat-open],
html.kruh-photo-viewer-open body [data-chat-launcher],
body.kruh-photo-viewer-open .pk-mobile-dock-btn,
body.kruh-photo-viewer-open button.pk-mobile-dock-btn,
body.kruh-photo-viewer-open .pk-float-dock-btn,
body.kruh-photo-viewer-open button.pk-float-dock-btn,
body.kruh-photo-viewer-open .pk-mobile-dock,
body.kruh-photo-viewer-open .pk-float-dock,
body.kruh-photo-viewer-open [data-mobile-dock-trigger],
body.kruh-photo-viewer-open [data-float-dock-btn],
body.kruh-photo-viewer-open [data-float-dock],
body.kruh-photo-viewer-open [data-chat-float-root],
body.kruh-photo-viewer-open [data-chat-open],
body.kruh-photo-viewer-open [data-chat-launcher]{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}


/* IG216.80 desktop white-screen restore + viewer-only dock hide */
body:not(.kruh-photo-viewer-open).kruh-profile-mobile-hide-messages .pk-mobile-dock-btn,
body:not(.kruh-photo-viewer-open).kruh-profile-mobile-hide-messages .pk-float-dock-btn,
body:not(.kruh-photo-viewer-open).kruh-profile-mobile-hide-messages .pk-mobile-dock,
body:not(.kruh-photo-viewer-open).kruh-profile-mobile-hide-messages .pk-float-dock{
  display:revert !important;
  visibility:revert !important;
  opacity:revert !important;
  pointer-events:revert !important;
  transform:revert !important;
}
html.kruh-photo-viewer-open body .pk-mobile-dock-btn,
html.kruh-photo-viewer-open body .pk-float-dock-btn,
html.kruh-photo-viewer-open body .pk-mobile-dock,
html.kruh-photo-viewer-open body .pk-float-dock,
body.kruh-photo-viewer-open .pk-mobile-dock-btn,
body.kruh-photo-viewer-open .pk-float-dock-btn,
body.kruh-photo-viewer-open .pk-mobile-dock,
body.kruh-photo-viewer-open .pk-float-dock{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}


/* IG216.81 people carousel close + mobile scroll + profile photo mobile grid */
.profile-people__card{
  transition:opacity .16s ease, transform .16s ease;
}
.profile-people__card.is-dismissing,
.profile-people__card.is-dismissed{
  opacity:0 !important;
  transform:scale(.94) !important;
  pointer-events:none !important;
}
.profile-people__dismiss{
  cursor:pointer;
}
@media (max-width:860px){
  .profile-people{
    overflow:hidden !important;
  }
  .profile-people__railShell{
    overflow:visible !important;
  }
  .profile-people__railWrap{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scroll-snap-type:x mandatory !important;
    overscroll-behavior-x:contain !important;
    touch-action:pan-x pan-y !important;
    padding-inline:12px !important;
    scrollbar-width:none !important;
  }
  .profile-people__railWrap::-webkit-scrollbar{
    display:none !important;
  }
  .profile-people__rail{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    transform:none !important;
    transition:none !important;
    min-width:max-content !important;
    will-change:auto !important;
  }
  .profile-people__card{
    flex:0 0 clamp(178px, 52vw, 214px) !important;
    width:clamp(178px, 52vw, 214px) !important;
    min-width:clamp(178px, 52vw, 214px) !important;
    scroll-snap-align:start !important;
  }
  .profile-people__navLayer{
    pointer-events:none !important;
  }
  .profile-people__arrow{
    pointer-events:auto !important;
  }
  .profile-people__arrow--left{
    left:8px !important;
  }
  .profile-people__arrow--right{
    right:8px !important;
  }

  /* IG profile photos: true mobile 3-column square grid */
  .profile-ig-media-panel--gallery-db{
    padding:8px !important;
    border-radius:18px !important;
  }
  .profile-ig-media-panel--gallery-db .profile-gallery-db-grid,
  .profile-gallery-db-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:4px !important;
  }
  .profile-ig-media-panel--gallery-db .profile-gallery-db-card,
  .profile-gallery-db-card{
    min-width:0 !important;
    width:100% !important;
    overflow:hidden !important;
  }
  .profile-ig-media-panel--gallery-db .profile-gallery-db-card__media,
  .profile-ig-media-panel--gallery-db .profile-ig-media-tile,
  .profile-gallery-db-card__media.profile-ig-media-tile{
    display:block !important;
    width:100% !important;
    aspect-ratio:1/1 !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    border-radius:7px !important;
    overflow:hidden !important;
  }
  .profile-ig-media-panel--gallery-db .profile-gallery-db-card__media img,
  .profile-ig-media-panel--gallery-db .profile-ig-media-tile img,
  .profile-gallery-db-card__media.profile-ig-media-tile img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
  }
  .profile-ig-media-tile__overlay{
    font-size:14px !important;
    gap:12px !important;
  }
}
@media (max-width:430px){
  .profile-people__card{
    flex-basis:52vw !important;
    width:52vw !important;
    min-width:52vw !important;
  }
  .profile-ig-media-panel--gallery-db .profile-gallery-db-grid,
  .profile-gallery-db-grid{
    gap:3px !important;
  }
}


/* IG216.82.2 force visible whole people panel close */
.profile-people__headActions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.profile-people__hideBtn--panel,
.profile-people__hideBtn[data-profile-people-hide-panel]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#e2e8f0 !important;
  color:#334155 !important;
  box-shadow:0 10px 22px rgba(15,23,42,.16) !important;
  cursor:pointer !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
.profile-people__hideBtn--panel:hover,
.profile-people__hideBtn[data-profile-people-hide-panel]:hover{
  background:#cbd5e1 !important;
  color:#0f172a !important;
}
.profile-people.is-dismissed{
  display:none !important;
}


/* IG216.85 presence status */
.user-presence--online,
.is-online .user-presence,
.avatar-status--online{
  background:#22c55e !important;
}
.user-presence--offline,
.is-offline .user-presence,
.avatar-status--offline{
  background:#64748b !important;
}


/* IG216.87 authoritative profile presence dot */
body .profile__avatarwrap{
  position:relative !important;
}
body .profile__avatarwrap::after{
  content:"" !important;
  position:absolute !important;
  right:6px !important;
  bottom:8px !important;
  width:28px !important;
  height:28px !important;
  border-radius:999px !important;
  border:5px solid #fff !important;
  box-shadow:0 10px 22px rgba(15,23,42,.18) !important;
  background:#94a3b8 !important;
  z-index:5 !important;
}
body .profile__avatarwrap.profile__avatarwrap--online::after{
  background:#22c55e !important;
}
body .profile__avatarwrap.profile__avatarwrap--offline::after{
  background:#94a3b8 !important;
}
@media (max-width:640px){
  body .profile__avatarwrap::after{
    width:24px !important;
    height:24px !important;
    right:4px !important;
    bottom:6px !important;
    border-width:4px !important;
  }
}


/* IG217.08_DELETE_MODAL_LIGHT_DARK_SYNC_CLEAN
   Single clean delete confirmation modal theme layer.
   Default is light; dark is applied only when JS adds kruh-delete-confirm--dark from the active KRUH data-theme. */
html body .kruh-delete-confirm.kruh-delete-confirm{
  background:rgba(15,23,42,.52)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm .kruh-delete-confirm__box.kruh-delete-confirm__box{
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,250,252,.97))!important;
  border:0!important;
  box-shadow:0 30px 90px rgba(15,23,42,.30),0 0 0 1px rgba(148,163,184,.25)!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm .kruh-delete-confirm__icon.kruh-delete-confirm__icon{
  background:linear-gradient(135deg,#fee2e2,#fecaca)!important;
  color:#dc2626!important;
  box-shadow:0 12px 28px rgba(220,38,38,.18)!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm .kruh-delete-confirm__eyebrow.kruh-delete-confirm__eyebrow{
  color:#ef4444!important;
  background:transparent!important;
  border-radius:0!important;
  display:block!important;
  padding:0!important;
  line-height:normal!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm .kruh-delete-confirm__title.kruh-delete-confirm__title{
  color:#0f172a!important;
  text-shadow:none!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm .kruh-delete-confirm__text.kruh-delete-confirm__text{
  color:#64748b!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm .kruh-delete-confirm__actions.kruh-delete-confirm__actions{
  background:rgba(248,250,252,.88)!important;
  border-top:1px solid rgba(226,232,240,.9)!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm .kruh-delete-confirm__cancel.kruh-delete-confirm__cancel,
html body .kruh-delete-confirm.kruh-delete-confirm .kruh-delete-confirm__cancel.kruh-delete-confirm__cancel:hover,
html body .kruh-delete-confirm.kruh-delete-confirm .kruh-delete-confirm__cancel.kruh-delete-confirm__cancel:focus,
html body .kruh-delete-confirm.kruh-delete-confirm .kruh-delete-confirm__cancel.kruh-delete-confirm__cancel:active{
  background:#fff!important;
  color:#334155!important;
  text-shadow:none!important;
  box-shadow:inset 0 0 0 1px rgba(148,163,184,.45),0 8px 20px rgba(15,23,42,.08)!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm .kruh-delete-confirm__danger.kruh-delete-confirm__danger,
html body .kruh-delete-confirm.kruh-delete-confirm .kruh-delete-confirm__danger.kruh-delete-confirm__danger:hover,
html body .kruh-delete-confirm.kruh-delete-confirm .kruh-delete-confirm__danger.kruh-delete-confirm__danger:focus,
html body .kruh-delete-confirm.kruh-delete-confirm .kruh-delete-confirm__danger.kruh-delete-confirm__danger:active{
  background:linear-gradient(135deg,#ef4444,#dc2626)!important;
  color:#fff!important;
  text-shadow:none!important;
  box-shadow:0 14px 30px rgba(220,38,38,.28)!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm.kruh-delete-confirm--dark{
  background:rgba(15,23,42,.74)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm.kruh-delete-confirm--dark .kruh-delete-confirm__box.kruh-delete-confirm__box{
  background:linear-gradient(180deg,rgba(31,41,55,.96),rgba(15,23,42,.98))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 30px 90px rgba(2,6,23,.58),0 0 0 1px rgba(255,255,255,.05)!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm.kruh-delete-confirm--dark .kruh-delete-confirm__icon.kruh-delete-confirm__icon{
  background:rgba(248,113,113,.12)!important;
  color:#fecaca!important;
  box-shadow:0 0 0 1px rgba(248,113,113,.22),0 16px 34px rgba(239,68,68,.12)!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm.kruh-delete-confirm--dark .kruh-delete-confirm__eyebrow.kruh-delete-confirm__eyebrow{
  color:#f87171!important;
  background:rgba(248,113,113,.12)!important;
  border-radius:999px!important;
  display:inline-flex!important;
  padding:3px 8px!important;
  line-height:1!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm.kruh-delete-confirm--dark .kruh-delete-confirm__title.kruh-delete-confirm__title{
  color:#f8fafc!important;
  text-shadow:0 1px 2px rgba(0,0,0,.22)!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm.kruh-delete-confirm--dark .kruh-delete-confirm__text.kruh-delete-confirm__text{
  color:#cbd5e1!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm.kruh-delete-confirm--dark .kruh-delete-confirm__actions.kruh-delete-confirm__actions{
  background:rgba(15,23,42,.72)!important;
  border-top:1px solid rgba(148,163,184,.20)!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm.kruh-delete-confirm--dark .kruh-delete-confirm__cancel.kruh-delete-confirm__cancel,
html body .kruh-delete-confirm.kruh-delete-confirm.kruh-delete-confirm--dark .kruh-delete-confirm__cancel.kruh-delete-confirm__cancel:hover,
html body .kruh-delete-confirm.kruh-delete-confirm.kruh-delete-confirm--dark .kruh-delete-confirm__cancel.kruh-delete-confirm__cancel:focus,
html body .kruh-delete-confirm.kruh-delete-confirm.kruh-delete-confirm--dark .kruh-delete-confirm__cancel.kruh-delete-confirm__cancel:active{
  background:rgba(71,85,105,.72)!important;
  color:#f8fafc!important;
  text-shadow:none!important;
  box-shadow:inset 0 0 0 1px rgba(203,213,225,.20),0 10px 22px rgba(2,6,23,.22)!important;
}
html body .kruh-delete-confirm.kruh-delete-confirm.kruh-delete-confirm--dark .kruh-delete-confirm__danger.kruh-delete-confirm__danger,
html body .kruh-delete-confirm.kruh-delete-confirm.kruh-delete-confirm--dark .kruh-delete-confirm__danger.kruh-delete-confirm__danger:hover,
html body .kruh-delete-confirm.kruh-delete-confirm.kruh-delete-confirm--dark .kruh-delete-confirm__danger.kruh-delete-confirm__danger:focus,
html body .kruh-delete-confirm.kruh-delete-confirm.kruh-delete-confirm--dark .kruh-delete-confirm__danger.kruh-delete-confirm__danger:active{
  background:linear-gradient(135deg,#ff5a5f,#ef4444)!important;
  color:#fff!important;
  text-shadow:none!important;
  box-shadow:0 16px 36px rgba(239,68,68,.36)!important;
}
/* IG217.22 unified composer emoji click guard */
.feed-composer [data-composer-textarea-wrap], .profile-feed-composer [data-composer-textarea-wrap]{position:relative!important;}
.feed-composer .composer-textarea__emojiBtn[data-composer-emoji-toggle], .profile-feed-composer .composer-textarea__emojiBtn[data-composer-emoji-toggle]{pointer-events:auto!important;z-index:40!important;cursor:pointer!important;}
.feed-composer .composer-textarea__emojiBtn[data-composer-emoji-toggle] *, .profile-feed-composer .composer-textarea__emojiBtn[data-composer-emoji-toggle] *{pointer-events:none!important;}
body>.pk-emoji-panel.composer-emoji-panel{z-index:2147482600!important;pointer-events:auto!important;}

/* IG217.24: Unified emoji panel visibility + clean toggle visual */
body > .pk-emoji-panel.composer-emoji-panel[data-kruh-unified-emoji-panel="1"]{
  position:fixed!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2147482600!important;
}
body > .pk-emoji-panel.composer-emoji-panel[data-kruh-unified-emoji-panel="1"][hidden]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
.feed-composer .composer-textarea__emojiBtn[data-composer-emoji-toggle],
.profile-feed-composer .composer-textarea__emojiBtn[data-composer-emoji-toggle]{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  border-radius:0!important;
  color:inherit!important;
  filter:none!important;
}
.feed-composer .composer-textarea__emojiBtn[data-composer-emoji-toggle]:hover,
.feed-composer .composer-textarea__emojiBtn[data-composer-emoji-toggle]:focus,
.feed-composer .composer-textarea__emojiBtn[data-composer-emoji-toggle].is-active,
.profile-feed-composer .composer-textarea__emojiBtn[data-composer-emoji-toggle]:hover,
.profile-feed-composer .composer-textarea__emojiBtn[data-composer-emoji-toggle]:focus,
.profile-feed-composer .composer-textarea__emojiBtn[data-composer-emoji-toggle].is-active{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}


/* IG217.26 unified emoji portal: body-level picker must ignore legacy chat absolute positioning. */
body > .pk-emoji-panel.composer-emoji-panel[data-kruh-unified-emoji-panel]{
  position:fixed !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  max-width:min(336px, calc(100vw - 24px)) !important;
  max-height:min(430px, calc(100vh - 24px)) !important;
  z-index:2147482600 !important;
  pointer-events:auto !important;
}
body > .pk-emoji-panel.composer-emoji-panel[data-kruh-unified-emoji-panel] .pk-emoji-panel__body{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

/* IG217.27 unified emoji overlay polish */
body > .pk-emoji-panel.composer-emoji-panel[data-kruh-unified-emoji-panel="1"]{position:fixed!important;right:auto!important;bottom:auto!important;transform:none!important;overflow:visible!important;z-index:2147482600!important;will-change:left,top!important;}
body > .pk-emoji-panel.composer-emoji-panel[data-kruh-unified-emoji-panel="1"] .pk-emoji-panel__caret{position:absolute!important;left:var(--pk-emoji-caret-x,50%)!important;width:16px!important;height:16px!important;display:block!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;background:#fff!important;border-radius:3px!important;transform:translateX(-50%) rotate(45deg)!important;z-index:0!important;}
body > .pk-emoji-panel.composer-emoji-panel[data-kruh-unified-emoji-panel="1"][data-emoji-placement="above"] .pk-emoji-panel__caret,body > .pk-emoji-panel.composer-emoji-panel[data-kruh-unified-emoji-panel="1"]:not(.pk-emoji-panel--bottom) .pk-emoji-panel__caret{top:auto!important;bottom:-8px!important;border-top:0!important;border-left:0!important;border-right:1px solid #dde4ef!important;border-bottom:1px solid #dde4ef!important;box-shadow:5px 5px 12px rgba(15,23,42,.05)!important;}
body > .pk-emoji-panel.composer-emoji-panel[data-kruh-unified-emoji-panel="1"][data-emoji-placement="bottom"] .pk-emoji-panel__caret,body > .pk-emoji-panel.composer-emoji-panel[data-kruh-unified-emoji-panel="1"].pk-emoji-panel--bottom .pk-emoji-panel__caret{top:-8px!important;bottom:auto!important;border-right:0!important;border-bottom:0!important;border-left:1px solid #dde4ef!important;border-top:1px solid #dde4ef!important;box-shadow:-5px -5px 12px rgba(15,23,42,.04)!important;}