/* KN-LOGIN: scoped to .kn-login-page only */
.kn-login-page{--as-bg:#F7F5FF;--as-panel:#fff;--as-field:#fff;--as-border:#E5E7EB;--as-cyan:#F000A8;--as-text:#11182C;--as-muted:#718096;
  padding-top:80px;background:linear-gradient(135deg,#F7F5FF 0%,#fff 55%,#FBEAF7 100%)}
.kn-login-page .as-left{background:transparent}
.kn-login-page .as-particles{display:none}
.kn-login-page .as-left::before,.kn-login-page .as-left::after{content:"";position:absolute;border-radius:50%;filter:blur(60px);z-index:0;pointer-events:none}
.kn-login-page .as-left::before{width:320px;height:320px;background:rgba(134,21,216,.16);top:6%;right:-60px;animation:knlBlob 14s ease-in-out infinite alternate}
.kn-login-page .as-left::after{width:260px;height:260px;background:rgba(240,0,168,.12);bottom:8%;left:-60px;animation:knlBlob 18s ease-in-out infinite alternate-reverse}
.kn-login-page .as-eyebrow{display:inline-flex;background:#EFE9FF;color:#8615D8;padding:7px 14px;border-radius:999px;font-family:inherit;font-weight:600}
.kn-login-page .as-headline{color:#11182C}
.kn-login-page .as-headline span{background:linear-gradient(135deg,#F000A8,#8615D8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.kn-login-page .as-community{background:#fff;border:1px solid #E5E7EB;box-shadow:0 8px 24px rgba(17,24,44,.06)}
.kn-login-page .as-community:hover{border-color:#F000A8}
.kn-login-page .as-left-foot{color:#718096;font-family:inherit}
.kn-login-page .as-right{background:transparent}
.kn-login-page .as-form-box{max-width:440px;background:#fff;border:1px solid #EEF0F6;border-radius:24px;padding:2.4rem 2.2rem;box-shadow:0 24px 60px rgba(134,21,216,.12);animation:knlUp .7s ease both}
.kn-login-page .as-left-inner{animation:knlUp .7s ease both}
.kn-login-page .as-field input{background:#fff!important;border:1px solid #E5E7EB!important;color:#11182C!important}
.kn-login-page .as-field input:focus{border-color:#8615D8!important;box-shadow:0 0 0 3px rgba(134,21,216,.14)!important}
.kn-login-page .as-field input::placeholder{color:#9AA3B2}
.kn-login-page .as-check input{accent-color:#8615D8}
.kn-login-page .as-link{color:#8615D8;font-weight:600}
.kn-login-page .as-link:hover{color:#F000A8}
.kn-login-page .as-btn{background:linear-gradient(135deg,#F000A8,#8615D8);color:#fff;border-radius:999px;box-shadow:0 10px 24px rgba(240,0,168,.28);transition:transform .2s,box-shadow .2s,filter .2s}
.kn-login-page .as-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(240,0,168,.38)}
.kn-login-page .as-alt a{color:#8615D8}
.kn-login-page .as-right-foot small{color:#9AA3B2;font-family:inherit}
.knl-card{position:absolute;right:2rem;z-index:2;display:none;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 14px 34px rgba(17,24,44,.10);animation:knlFloat 5s ease-in-out infinite alternate}
.knl-card i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#EFE9FF;color:#8615D8;font-size:15px}
.knl-card b{display:block;font-size:14px;color:#11182C;line-height:1.2}
.knl-card small{font-size:12px;color:#718096}
.knl-c1{top:22%}.knl-c2{top:42%;right:4.5rem;animation-delay:-1.5s}.knl-c3{top:62%;animation-delay:-3s}
@media(min-width:1180px){.knl-card{display:flex}}
@keyframes knlUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes knlFloat{from{transform:translateY(0)}to{transform:translateY(-12px)}}
@keyframes knlBlob{from{transform:translate(0,0)}to{transform:translate(30px,-24px)}}
@media(max-width:860px){.kn-login-page{padding-top:0}.kn-login-page .as-form-box{padding:1.8rem 1.4rem;border-radius:20px}}
@media(prefers-reduced-motion:reduce){.kn-login-page *,.knl-card{animation:none!important}}
/* KN-LOGIN-END */
/* KNL-PHOTO-START */
.knl-photo{display:none}
@media(min-width:1180px){
  .knl-photo{display:block;position:absolute;z-index:1;top:50%;right:7%;width:min(300px,24vw);transform:translateY(-50%);animation:knlUp .8s ease both}
  .knl-blob{position:absolute;inset:-7% -14% -4% -14%;border-radius:42% 58% 55% 45%/48% 42% 58% 52%;background:linear-gradient(160deg,#C9B2FF,#8615D8);opacity:.85;z-index:0}
  .knl-photo picture,.knl-photo img{position:relative;z-index:1;display:block;width:100%;height:auto}
  .knl-photo img{border-radius:28px;border:6px solid #fff;box-shadow:0 24px 60px rgba(134,21,216,.25)}
  .knl-c1{top:20%;right:calc(7% + min(300px,24vw) - 30px)}
  .knl-c2{top:46%;right:auto;left:auto;margin-left:0;right:calc(7% + min(300px,24vw) + 10px)}
  .knl-c3{top:68%;right:calc(7% + min(300px,24vw) - 40px)}
  .knl-card{z-index:3}
}
/* KNL-PHOTO-END */

/* KNL-FIX-START */
@media(min-width:1500px){
  .kn-login-page{--knl-w:clamp(200px,calc(22vw - 120px),300px)}
  .knl-photo{display:block;width:var(--knl-w);top:50%;right:7%;transform:translateY(-50%);animation:knlPhotoIn .8s ease both}
  .knl-c1{top:23%;right:calc(7% + var(--knl-w) - 25px);left:auto}
  .knl-c2{top:43%;right:1.5%;left:auto;margin:0}
  .knl-c3{top:65%;right:3%;left:auto;margin:0}
  .knl-card{display:flex}
}
@media(min-width:1180px) and (max-width:1499px){
  .knl-photo,.knl-card{display:none!important}
}
@keyframes knlPhotoIn{from{opacity:0;transform:translateY(calc(-50% + 22px))}to{opacity:1;transform:translateY(-50%)}}
/* KNL-FIX-END */

/* KNL-APK-START */
.knl-apk{display:none}
@media(max-width:860px){
  .knl-apk{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:13px 16px;border:1.5px solid #8615D8;border-radius:999px;background:#fff;color:#8615D8;font-weight:600;font-size:.92rem;text-decoration:none}
  .knl-apk:active{background:#F7F5FF}
}
/* KNL-APK-END */

/* KNR-START */
.kn-register-page .as-headline{font-size:2.5rem}
.kn-register-page .as-sub{margin-bottom:1.4rem}
.knr-feats{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.knr-feats li{display:flex;align-items:center;gap:14px}
.knr-feats i{width:46px;height:46px;flex-shrink:0;border-radius:14px;background:#EFE9FF;color:#8615D8;display:grid;place-items:center;font-size:17px}
.knr-feats b{display:block;font-size:.95rem;color:#11182C;line-height:1.25}
.knr-feats small{font-size:.8rem;color:#718096}
.kn-register-page .as-form-box{padding:2rem 2rem}
@media(max-height:860px){.kn-register-page .as-left-foot{display:none}}
/* KNR-END */

/* KNL-MODAL-START */
#forgotModalOverlay{--as-bg:#F7F5FF;--as-panel:#fff;--as-field:#fff;--as-border:#E5E7EB;--as-cyan:#F000A8;--as-text:#11182C;--as-muted:#718096;
  background:rgba(16,23,43,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#forgotModalOverlay .as-modal-card{background:#fff;border:1px solid #EEF0F6;border-radius:24px;padding:2.2rem 2rem;max-width:420px;
  box-shadow:0 24px 60px rgba(134,21,216,.2);color:#11182C;animation:knlUp .35s ease both}
#forgotModalOverlay .as-modal-title{color:#11182C;font-size:1.45rem}
#forgotModalOverlay .as-modal-sub{color:#718096}
#forgotModalOverlay .as-modal-close{top:.8rem;right:.9rem;width:36px;height:36px;border-radius:50%;font-size:1.5rem;color:#718096;display:grid;place-items:center;transition:background .2s,color .2s}
#forgotModalOverlay .as-modal-close:hover{background:#F7F5FF;color:#8615D8}
#forgotModalOverlay .as-field input{background:#fff!important;border:1px solid #E5E7EB!important;color:#11182C!important}
#forgotModalOverlay .as-field input:focus{border-color:#8615D8!important;box-shadow:0 0 0 3px rgba(134,21,216,.14)!important}
#forgotModalOverlay .as-field input::placeholder{color:#9AA3B2}
#forgotModalOverlay .as-btn{background:linear-gradient(135deg,#F000A8,#8615D8);color:#fff;border-radius:999px;box-shadow:0 10px 24px rgba(240,0,168,.28);transition:transform .2s,box-shadow .2s}
#forgotModalOverlay .as-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(240,0,168,.38)}
#forgotModalOverlay .as-btn-ghost{background:#fff;color:#8615D8;border:1.5px solid #8615D8;box-shadow:none;margin-top:.7rem}
#forgotModalOverlay .as-btn-ghost:hover{background:#F7F5FF;box-shadow:none}
@media(prefers-reduced-motion:reduce){#forgotModalOverlay .as-modal-card{animation:none}}
/* KNL-MODAL-END */