/* BUKLIO · Registration + email verification flow v2 */
#authOverlay.buklio-register-screen,
#authOverlay.buklio-success-screen{
  --bf-green:#0F3D2E;
  --bf-green-2:#075542;
  --bf-cream:#F6F3ED;
  --bf-ink:#33444b;
  --bf-muted:#66747a;
  --bf-line:#d9d8d2;
  --bf-white:#fffdf8;
  background:var(--bf-cream)!important;
  color:var(--bf-ink)!important;
}
#authOverlay.buklio-register-screen .sheet,
#authOverlay.buklio-success-screen .sheet{
  width:min(100%,520px)!important;
  max-width:520px!important;
  max-height:min(94dvh,900px)!important;
  border:1px solid rgba(15,61,46,.08)!important;
  border-radius:30px!important;
  background:var(--bf-cream)!important;
  box-shadow:0 24px 70px rgba(20,45,36,.12)!important;
  overflow:hidden!important;
}
#authOverlay.buklio-register-screen .sheet-body,
#authOverlay.buklio-success-screen .sheet-body{
  max-height:min(94dvh,900px)!important;
  padding:38px 34px 32px!important;
  overflow:auto!important;
  scrollbar-width:none;
  background:var(--bf-cream)!important;
}
#authOverlay.buklio-register-screen .sheet-body::-webkit-scrollbar,
#authOverlay.buklio-success-screen .sheet-body::-webkit-scrollbar{display:none}

/* Registration: remove the legacy brand/tabs and use the approved focused layout. */
#authOverlay.buklio-register-screen .auth-gate-brand,
#authOverlay.buklio-register-screen .auth-tabs{display:none!important}
#authOverlay.buklio-register-screen #authDefaultContent{display:block!important}
#authOverlay.buklio-register-screen #loginPane{display:none!important}
#authOverlay.buklio-register-screen #registerPane{display:block!important;padding:0!important}
#authOverlay.buklio-register-screen #registerForm{margin:0!important}

.buklio-register-head{position:relative;text-align:center;padding:32px 2px 18px}
.buklio-register-back{
  position:absolute;left:0;top:0;width:42px;height:42px;border:0;background:transparent;color:var(--bf-green);
  display:grid;place-items:center;border-radius:50%;cursor:pointer;padding:0
}
.buklio-register-back:hover{background:rgba(15,61,46,.06)}
.buklio-register-back svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.buklio-register-head h2{margin:0;color:var(--bf-green);font:700 clamp(30px,7vw,40px)/1.12 'Poppins',system-ui,sans-serif;letter-spacing:-.035em}
.buklio-register-head p{max-width:390px;margin:12px auto 0;color:#596970;font:400 17px/1.48 'Poppins',system-ui,sans-serif}

#authOverlay.buklio-register-screen #registerForm .form-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-top:18px!important}
#authOverlay.buklio-register-screen #registerForm .field{position:relative!important;margin:0!important}
#authOverlay.buklio-register-screen #registerForm .field.buklio-hidden-displayname{display:none!important}
#authOverlay.buklio-register-screen #registerForm .field>label,
#authOverlay.buklio-register-screen #registerForm .field>.hint{display:none!important}
#authOverlay.buklio-register-screen #registerForm input{
  width:100%!important;height:62px!important;min-height:62px!important;box-sizing:border-box!important;
  border:1px solid var(--bf-line)!important;border-radius:20px!important;background:rgba(255,253,248,.78)!important;
  color:#33434a!important;font:400 16px/1 'Poppins',system-ui,sans-serif!important;
  padding:0 52px 0 54px!important;outline:none!important;box-shadow:none!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease
}
#authOverlay.buklio-register-screen #registerForm input::placeholder{color:#7a8589!important;opacity:1}
#authOverlay.buklio-register-screen #registerForm input:focus{border-color:rgba(15,61,46,.52)!important;background:#fffdf8!important;box-shadow:0 0 0 4px rgba(15,61,46,.07)!important}
#authOverlay.buklio-register-screen #registerForm .password-wrap{position:relative!important;width:100%!important}
#authOverlay.buklio-register-screen #registerForm .password-eye{
  position:absolute!important;right:15px!important;top:50%!important;transform:translateY(-50%)!important;
  width:38px!important;height:38px!important;border:0!important;background:transparent!important;color:#52636a!important;
  font-size:0!important;display:grid!important;place-items:center!important;padding:0!important;z-index:3!important
}
#authOverlay.buklio-register-screen #registerForm .password-eye:after,
#authOverlay.buklio-register-screen #registerForm .password-eye:before{content:none!important;display:none!important}
#authOverlay.buklio-register-screen #registerForm .password-eye svg{
  width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
.buklio-field-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:25px;height:25px;color:#50636b;z-index:2;pointer-events:none}
.buklio-field-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#authOverlay.buklio-register-screen #registerForm .auth-actions{margin:18px 0 0!important}
#authOverlay.buklio-register-screen #registerForm .auth-actions .btn.primary{
  width:100%!important;min-height:58px!important;border:0!important;border-radius:999px!important;
  background:linear-gradient(105deg,#08634d,var(--bf-green))!important;color:white!important;
  font:600 18px/1 'Poppins',system-ui,sans-serif!important;justify-content:center!important;box-shadow:none!important
}
#authOverlay.buklio-register-screen #registerForm .auth-actions .btn.primary:hover{filter:brightness(1.03)}
#authOverlay.buklio-register-screen .auth-divider{
  display:flex!important;align-items:center!important;gap:15px!important;margin:18px 0 16px!important;
  color:#607078!important;font:400 14px/1 'Poppins',system-ui,sans-serif!important;text-transform:none!important;letter-spacing:0!important
}
#authOverlay.buklio-register-screen .auth-divider:before,
#authOverlay.buklio-register-screen .auth-divider:after{content:''!important;display:block!important;flex:1!important;height:1px!important;background:#d2d2cd!important}
#authOverlay.buklio-register-screen #googleLoginBtn{
  width:100%!important;min-height:54px!important;border:1px solid var(--bf-line)!important;border-radius:18px!important;
  background:rgba(255,253,248,.82)!important;color:#4d5d64!important;justify-content:center!important;
  font:500 16px/1 'Poppins',system-ui,sans-serif!important;box-shadow:none!important
}
#authOverlay.buklio-register-screen #googleLoginBtn .google-g{font-size:20px!important}
.buklio-register-legal{display:none;margin:22px auto 0;max-width:420px;text-align:center;color:#69777d;font:400 12px/1.5 'Poppins',system-ui,sans-serif}
#authOverlay.buklio-register-screen .buklio-register-legal{display:block}
#authOverlay.buklio-register-screen #authMessage{margin-top:12px!important;border-radius:14px!important;font:500 12px/1.45 'Poppins',system-ui,sans-serif!important}

/* Successful registration / verify email screen. */
#authOverlay.buklio-success-screen .auth-gate-brand,
#authOverlay.buklio-success-screen .auth-tabs,
#authOverlay.buklio-success-screen #authDefaultContent{display:none!important}
#authOverlay.buklio-success-screen #signupSuccessPane{
  display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;
  padding:4px 0 8px!important;color:var(--bf-ink)!important
}
#authOverlay.buklio-success-screen .signup-success-visual{
  position:relative!important;width:min(280px,78vw)!important;height:255px!important;min-height:255px!important;
  margin:2px auto 8px!important;display:grid!important;place-items:center!important;overflow:visible!important
}
#authOverlay.buklio-success-screen .signup-success-raven{
  width:250px!important;height:230px!important;max-width:86vw!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:visible!important;z-index:2!important
}
#authOverlay.buklio-success-screen .signup-success-raven img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 14px 22px rgba(15,61,46,.10))!important}
#authOverlay.buklio-success-screen .signup-success-ring{display:none!important}
#authOverlay.buklio-success-screen .signup-success-mail{
  right:8px!important;top:19px!important;bottom:auto!important;width:66px!important;height:53px!important;border:0!important;
  border-radius:0!important;background:transparent!important;color:var(--bf-green)!important;box-shadow:none!important;animation:none!important
}
#authOverlay.buklio-success-screen .signup-success-mail svg{width:100%;height:100%;overflow:visible}
#authOverlay.buklio-success-screen .buklio-confetti{position:absolute;z-index:1;width:10px;height:22px;border-radius:2px;opacity:.9}
#authOverlay.buklio-success-screen .buklio-confetti.c1{left:7px;top:64px;background:#C99B64;transform:rotate(-34deg)}
#authOverlay.buklio-success-screen .buklio-confetti.c2{left:35px;top:17px;background:#A98BD3;transform:rotate(38deg)}
#authOverlay.buklio-success-screen .buklio-confetti.c3{right:39px;top:94px;background:#8DA28F;transform:rotate(26deg)}
#authOverlay.buklio-success-screen .buklio-confetti.c4{right:12px;top:155px;background:#A98BD3;transform:rotate(-27deg)}
#authOverlay.buklio-success-screen .buklio-confetti.c5{left:17px;bottom:23px;background:#0F6A50;transform:rotate(28deg)}
#authOverlay.buklio-success-screen .buklio-confetti.c6{right:61px;bottom:8px;background:#C99B64;transform:rotate(48deg)}
#authOverlay.buklio-success-screen .signup-success-kicker,
#authOverlay.buklio-success-screen .signup-success-email,
#authOverlay.buklio-success-screen .signup-success-step,
#authOverlay.buklio-success-screen #resendSignupEmailBtn,
#authOverlay.buklio-success-screen .signup-success-foot,
#authOverlay.buklio-success-screen #signupResendStatus{display:none!important}
#authOverlay.buklio-success-screen #signupSuccessTitle{
  margin:0!important;color:var(--bf-green)!important;font:700 clamp(34px,8vw,45px)/1.12 'Poppins',system-ui,sans-serif!important;letter-spacing:-.04em!important
}
#authOverlay.buklio-success-screen #signupSuccessCopy{
  max-width:425px!important;margin:16px auto 0!important;color:#5b6a71!important;font:400 16px/1.52 'Poppins',system-ui,sans-serif!important
}
.buklio-success-note{margin:20px auto 0;max-width:380px;color:#68767c;font:400 13px/1.5 'Poppins',system-ui,sans-serif}
#authOverlay.buklio-success-screen .signup-success-actions{display:grid!important;gap:10px!important;width:100%!important;max-width:430px!important;margin:27px auto 0!important}
#authOverlay.buklio-success-screen .signup-success-secondary{display:block!important}
#authOverlay.buklio-success-screen #openInboxBtn,
#authOverlay.buklio-success-screen #signupGoLoginBtn{width:100%!important;min-height:57px!important;border-radius:999px!important;justify-content:center!important;font:600 17px/1 'Poppins',system-ui,sans-serif!important}
#authOverlay.buklio-success-screen #openInboxBtn{border:0!important;background:linear-gradient(105deg,#08634d,var(--bf-green))!important;color:#fff!important}
#authOverlay.buklio-success-screen #signupGoLoginBtn{border:1px solid #cbcfc9!important;background:rgba(255,253,248,.72)!important;color:var(--bf-green)!important}

@media(max-width:620px){
  #authOverlay.buklio-register-screen,
  #authOverlay.buklio-success-screen{align-items:stretch!important;justify-content:flex-start!important;background:var(--bf-cream)!important}
  #authOverlay.buklio-register-screen .sheet,
  #authOverlay.buklio-success-screen .sheet{width:100%!important;max-width:none!important;min-height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  #authOverlay.buklio-register-screen .sheet-body,
  #authOverlay.buklio-success-screen .sheet-body{min-height:100dvh!important;max-height:none!important;box-sizing:border-box!important;padding:calc(22px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom))!important}
  .buklio-register-head{padding-top:54px;padding-bottom:22px}
  .buklio-register-back{top:3px;left:-7px}
  .buklio-register-head h2{font-size:34px}
  .buklio-register-head p{font-size:16px;max-width:330px}
  #authOverlay.buklio-register-screen #registerForm .form-grid{gap:13px!important;margin-top:12px!important}
  #authOverlay.buklio-register-screen #registerForm input{height:59px!important;min-height:59px!important;border-radius:19px!important;font-size:15px!important}
  #authOverlay.buklio-register-screen #registerForm .auth-actions .btn.primary{min-height:56px!important}
  #authOverlay.buklio-register-screen .auth-divider{margin:17px 0 15px!important}
  .buklio-register-legal{margin-top:20px;font-size:11px}
  #authOverlay.buklio-success-screen .sheet-body{display:flex!important;align-items:center!important;justify-content:center!important}
  #authOverlay.buklio-success-screen #signupSuccessPane{width:100%!important;padding:0 0 6px!important}
  #authOverlay.buklio-success-screen .signup-success-visual{height:238px!important;min-height:238px!important;margin-bottom:7px!important}
  #authOverlay.buklio-success-screen .signup-success-raven{width:235px!important;height:218px!important}
  #authOverlay.buklio-success-screen #signupSuccessTitle{font-size:38px!important}
  #authOverlay.buklio-success-screen #signupSuccessCopy{font-size:15px!important;max-width:360px!important}
  .buklio-success-note{font-size:12px;max-width:330px;margin-top:18px}
  #authOverlay.buklio-success-screen .signup-success-actions{margin-top:23px!important}
}

@media(max-width:380px){
  #authOverlay.buklio-register-screen .sheet-body{padding-left:19px!important;padding-right:19px!important}
  .buklio-register-head{padding-top:46px;padding-bottom:16px}
  .buklio-register-head h2{font-size:31px}
  .buklio-register-head p{font-size:14px}
  #authOverlay.buklio-register-screen #registerForm input{height:55px!important;min-height:55px!important}
  #authOverlay.buklio-success-screen .signup-success-visual{height:205px!important;min-height:205px!important}
  #authOverlay.buklio-success-screen .signup-success-raven{width:205px!important;height:190px!important}
  #authOverlay.buklio-success-screen #signupSuccessTitle{font-size:34px!important}
}