/* Cache-busted alignment with the live yookan.ai sign-in experience. */
.login-pf body,.pf-v5-c-background-image{background:radial-gradient(circle at 13% 17%,rgba(255,111,97,.48),transparent 28%),radial-gradient(circle at 88% 80%,rgba(38,199,177,.52),transparent 31%),linear-gradient(135deg,#ffe38e 0%,#ffb9b0 48%,#a7e9df 100%)}
.pf-v5-c-login__main{overflow:visible;border:1px solid rgba(255,255,255,.85);border-radius:32px;background:rgba(255,253,246,.95);box-shadow:0 28px 80px rgba(59,60,48,.22),inset 0 1px 0 #fff}
.pf-v5-c-login__main-header::before{color:#147d73;font:800 34px/1 Manrope,sans-serif;letter-spacing:-1.8px}
.pf-v5-c-button.pf-m-primary,#kc-login{border-radius:999px}

/* The same celebratory topic burst used by yookan.ai. */
.pf-v5-c-login__container::before,.pf-v5-c-login__container::after,
.pf-v5-c-login__main-body::before,.pf-v5-c-login__main-body::after,
.pf-v5-c-form::before,.pf-v5-c-form::after{
  position:fixed;left:50%;top:50%;z-index:1;padding:7px 12px;border-radius:9px;
  background:#fffdf7;font:800 14px/1 Manrope,sans-serif;white-space:nowrap;
  opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.25);
  animation:yookan-topic-burst 1.8s cubic-bezier(.12,.78,.25,1) forwards;
}
.pf-v5-c-login__container::before{content:"♨  cook";--burst-x:-310px;--burst-y:-190px;--burst-r:-9deg;color:#e85c50;box-shadow:3px 4px 0 currentColor}
.pf-v5-c-login__container::after{content:"⌁  fix it";--burst-x:300px;--burst-y:-185px;--burst-r:8deg;color:#147d73;box-shadow:3px 4px 0 currentColor;animation-delay:.12s}
.pf-v5-c-login__main-body::before{content:"◇  maintain it";--burst-x:-340px;--burst-y:35px;--burst-r:5deg;color:#8367c7;box-shadow:3px 4px 0 currentColor;animation-delay:.24s}
.pf-v5-c-login__main-body::after{content:"✦  learn";--burst-x:345px;--burst-y:25px;--burst-r:-7deg;color:#db8c00;box-shadow:3px 4px 0 currentColor;animation-delay:.32s}
.pf-v5-c-form::before{content:"▰  buy";--burst-x:-275px;--burst-y:205px;--burst-r:-7deg;color:#2784c4;box-shadow:3px 4px 0 currentColor;animation-delay:.44s}
.pf-v5-c-form::after{content:"◆  sell";--burst-x:280px;--burst-y:210px;--burst-r:9deg;color:#d04e86;box-shadow:3px 4px 0 currentColor;animation-delay:.56s}
@keyframes yookan-topic-burst{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}
  25%{opacity:1}
  100%{opacity:.92;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) rotate(var(--burst-r)) scale(1)}
}
@media(max-width:700px){
  .pf-v5-c-login__container::before{--burst-x:-120px;--burst-y:-290px}
  .pf-v5-c-login__container::after{--burst-x:115px;--burst-y:-280px}
  .pf-v5-c-login__main-body::before{--burst-x:-125px;--burst-y:-180px}
  .pf-v5-c-login__main-body::after{--burst-x:125px;--burst-y:-150px}
  .pf-v5-c-form::before{--burst-x:-115px;--burst-y:265px}
  .pf-v5-c-form::after{--burst-x:115px;--burst-y:280px}
}
@media(prefers-reduced-motion:reduce){
  .pf-v5-c-login__main{animation:none}
  .pf-v5-c-login__container::before,.pf-v5-c-login__container::after,
  .pf-v5-c-login__main-body::before,.pf-v5-c-login__main-body::after,
  .pf-v5-c-form::before,.pf-v5-c-form::after{animation:none;opacity:.55;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) rotate(var(--burst-r))}
}