@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 4px 14px rgba(0,0,0,.2)}50%{box-shadow:0 6px 24px rgba(0,0,0,.3)}}#supertokens-root{width:100%;overflow:hidden;background:#FFFFFF}#supertokens-root,.sahl-brand-section{height:100vh;position:relative;display:flex}.sahl-brand-section{flex:0 0 45%;width:45%;background:linear-gradient(135deg,#E9D5FF,#DDD6FE 50%,#C4B5FD);flex-direction:column;justify-content:center;align-items:center;padding:60px 80px;overflow-y:auto;z-index:1}.sahl-brand-content{max-width:500px;text-align:left;animation:fadeInLeft .8s ease-out}.sahl-brand-title{font-size:48px;font-weight:800;margin-bottom:24px;color:#1e293b;line-height:1.2;letter-spacing:-.5px}.sahl-brand-subtitle{font-size:20px;color:#475569;font-weight:400;line-height:1.6;margin-bottom:48px}.sahl-illustration{width:100%;max-width:450px;margin-top:40px;animation:float 4s ease-in-out infinite}.sahl-illustration img{width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.1))}.sahl-features-list{margin-top:40px;display:flex;flex-direction:column;gap:16px}.sahl-feature-item{display:flex;align-items:center;gap:12px;padding:12px 0;color:#334155;font-size:16px;animation:fadeInLeft .8s ease-out both}.sahl-feature-item:first-child{animation-delay:.2s}.sahl-feature-item:nth-child(2){animation-delay:.3s}.sahl-feature-item:nth-child(3){animation-delay:.4s}.sahl-feature-icon{width:24px;height:24px;background:#5C2092;border-radius:50%;color:white;font-size:14px;flex-shrink:0}.sahl-feature-icon,.sahl-form-section{display:flex;align-items:center;justify-content:center}.sahl-form-section{position:relative;flex:0 0 55%;width:55%;height:100vh;background:#571E8F;flex-direction:column;padding:80px 100px;overflow-y:auto;z-index:2;animation:fadeInRight .8s ease-out}.sahl-form-section>div,.supertokens-main{width:100%;max-width:480px;background:transparent!important;animation:fadeInUp 1s ease-out .3s both}[data-supertokens~=container]{background:transparent!important}[data-supertokens~=headerTitle]{font-size:32px!important;font-weight:700!important;color:#FFFFFF!important;margin-bottom:8px!important;text-align:left!important;animation:slideIn .6s ease-out .4s both}[data-supertokens~=headerSubtitle]{color:rgba(255,255,255,.8)!important;font-size:16px!important;text-align:left!important;margin-bottom:32px!important;animation:slideIn .6s ease-out .5s both}[data-supertokens~=headerTinyLinks]{display:flex!important;gap:0!important;background:rgba(255,255,255,.1)!important;border-radius:10px!important;padding:5px!important;margin-bottom:36px!important;animation:slideIn .6s ease-out .6s both}[data-supertokens~=headerTinyLinks]>div{flex:1!important}[data-supertokens~=link]{color:rgba(255,255,255,.7)!important;font-weight:600!important;font-size:15px!important;padding:12px 24px!important;border-radius:8px!important;text-align:center!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:block!important}[data-supertokens~=link]:hover{background:rgba(92,32,146,.3)!important;color:#FFFFFF!important;transform:translateY(-1px)}[data-supertokens~=link][data-supertokens~=active],[data-supertokens~=secondaryLinkWithLeftArrow]{background:#FFFFFF!important;color:#571E8F!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important}[data-supertokens~=label]{color:rgba(255,255,255,.9)!important;font-weight:600!important;font-size:15px!important;margin-bottom:10px!important;display:block!important}[data-supertokens~=input]{background:rgba(255,255,255,.95)!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:10px!important;padding:14px 18px!important;color:#571E8F!important;font-size:16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}[data-supertokens~=input]:focus{border-color:#FFFFFF!important;box-shadow:0 0 0 4px rgba(255,255,255,.2)!important;outline:none!important;transform:translateY(-1px);background:#FFFFFF!important}[data-supertokens~=input]:hover{border-color:rgba(255,255,255,.4)!important;background:#FFFFFF!important}[data-supertokens~=input]::-moz-placeholder{color:rgba(87,30,143,.5)!important}[data-supertokens~=input]::placeholder{color:rgba(87,30,143,.5)!important}color:#94a3b8!important;[data-supertokens~=inputWrapper] input[type=checkbox]{width:18px!important;height:18px!important;border:1.5px solid rgba(255,255,255,.5)!important;border-radius:4px!important;margin-right:8px!important;cursor:pointer!important}[data-supertokens~=inputWrapper] input[type=checkbox]:checked{background-color:#FFFFFF!important;border-color:#FFFFFF!important}[data-supertokens~=button]{background:linear-gradient(135deg,#FFFFFF,#F3E8FF)!important;border:none!important;border-radius:10px!important;padding:16px!important;font-size:17px!important;font-weight:600!important;color:#571E8F!important;cursor:pointer!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;width:100%!important;margin-top:12px!important;box-shadow:0 4px 14px rgba(0,0,0,.2)!important;position:relative!important;overflow:hidden!important;animation:glow 2s ease-in-out infinite}[data-supertokens~=button]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}[data-supertokens~=button]:hover:before{left:100%}[data-supertokens~=button]:hover{background:#FFFFFF!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px rgba(0,0,0,.3)!important}[data-supertokens~=button]:active{transform:translateY(0) scale(.98)!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}[data-supertokens~=secondaryText]{color:rgba(255,255,255,.8)!important;font-size:15px!important;text-align:center!important;margin-top:28px!important;animation:slideIn .6s ease-out 1s both}[data-supertokens~=secondaryText] [data-supertokens~=link]{color:#FFFFFF!important;font-weight:600!important;padding:0!important;background:transparent!important;transition:all .2s ease!important}[data-supertokens~=secondaryText] [data-supertokens~=link]:hover{color:#F3E8FF!important;text-decoration:underline!important;transform:translateY(-1px)}[data-supertokens~=row]{margin-bottom:24px!important;animation:slideIn .6s ease-out both}[data-supertokens~=row]:first-child{animation-delay:.7s}[data-supertokens~=row]:nth-child(2){animation-delay:.8s}[data-supertokens~=row]:nth-child(3){animation-delay:.9s}[data-supertokens~=forgotPasswordLink]{color:#FFFFFF!important;font-size:15px!important;font-weight:500!important;text-align:right!important;display:block!important;margin-top:10px!important;padding:0!important;background:transparent!important;transition:all .2s ease!important}[data-supertokens~=forgotPasswordLink]:hover{color:#F3E8FF!important;text-decoration:underline!important;transform:translateX(2px)}[data-supertokens~=divider]{border-color:#e2e8f0!important;margin:32px 0!important}[data-supertokens~=generalError]{background:#fef2f2!important;border:1.5px solid #fca5a5!important;border-radius:8px!important;color:#dc2626!important}[data-supertokens~=generalError],[data-supertokens~=generalSuccess]{padding:12px 16px!important;margin-bottom:16px!important;font-size:14px!important}[data-supertokens~=generalSuccess]{background:#f0fdf4!important;border:1.5px solid #86efac!important;border-radius:8px!important;color:#16a34a!important}@media (max-width:1024px){.sahl-brand-section{display:none}.sahl-form-section{width:100%;flex:1;background:linear-gradient(135deg,#E9D5FF,#FFFFFF)}}@media (max-width:768px){.sahl-form-section{padding:40px 24px}[data-supertokens~=headerTitle]{font-size:24px!important}}@media (min-width:1025px) and (max-width:1280px){.sahl-brand-section{padding:40px 50px}.sahl-brand-title{font-size:40px}.sahl-form-section{padding:40px 50px}}