@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,sans-serif}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:#0d0618}.bg{background-image:url(/loginbg.png);background-size:cover;background-position:50%}.bg,.bg-overlay{position:absolute;inset:0}.bg-overlay{background:none}.card{position:relative;z-index:10;display:flex;width:100%;max-width:980px;min-height:580px;border-radius:28px;overflow:hidden;background:#fff;animation:fadeUp .45s cubic-bezier(.22,1,.36,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.left{flex:0 0 50%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:url(/login_page_charater.png) 50%/100% 98% no-repeat}.left-bg-img,.left-gradient,.left>img:first-child{display:none}.left-top-content{position:absolute;top:22px;left:22px;z-index:5}.academy-logo{width:190px;height:auto;-o-object-fit:contain;object-fit:contain;margin-top:-60px;margin-left:-20px}.left-center-content{position:absolute;top:0;left:0;right:0;bottom:50px;align-items:center;justify-content:flex-start;padding-top:60px;z-index:3}.chat-stack,.left-center-content{display:flex;flex-direction:column}.chat-stack{gap:15px;align-items:stretch;width:100%;padding:0 22px}.chat{padding:10px 18px;border-radius:28px;font-size:15px;font-weight:500;width:-moz-fit-content;width:fit-content;max-width:86%;top:40px;white-space:normal;overflow:visible;word-break:break-word}.bubble-logo{width:30px;height:30px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.bubble-1{background:#fff;color:#7241b6;margin-top:10px;max-width:280px}.bubble-1,.bubble-2{align-self:flex-end;border-radius:28px 0 0 28px;padding:12px 25px 12px 30px}.bubble-2{background:hsla(0,0%,100%,.46);color:rgba(122,68,192,.16);max-width:220px}.bubble-main{background:#fff;color:#9c9483;font-size:15px;display:flex;align-items:center;gap:15px;border-radius:28px 0 0 28px;padding:16px 22px;width:50%;max-width:250px;align-self:flex-end;margin-top:10px;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 30px rgba(0,0,0,.22),0 0 0 6px hsla(0,0%,100%,.25)}.sparkle{color:#7c3aed;font-size:18px;flex-shrink:0}.cursor{color:#7c3aed;animation:blink 1s infinite;font-weight:200}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.bottom-rotating-line{position:relative;z-index:4;padding:0 28px 28px;font-size:28px;font-weight:400;color:#fff;display:flex;align-items:center;gap:12px;letter-spacing:-.01em;overflow:hidden;min-height:56px}.left-bottom-content{position:absolute;bottom:56px;left:28px;right:28px;z-index:4;color:hsla(0,0%,100%,.55);font-size:13px;font-weight:500}.icon-waves{letter-spacing:3px;color:hsla(0,0%,100%,.7);font-size:14px;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:6px;background:rgba(124,58,237,.18);border:1px solid rgba(124,58,237,.35);color:#c4b5fd;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:100px;margin-bottom:14px}.left-content{position:relative;z-index:2;padding:36px 36px 42px}.left-title{font-size:30px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:10px}.left-title span{background:linear-gradient(90deg,#a78bfa,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.left-sub{font-size:13px;color:hsla(0,0%,100%,.42);line-height:1.65}.floating-cursor{position:absolute;width:34px;bottom:110px;left:18%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.feature-rotator{height:28px;overflow:hidden;position:relative;width:100%}.feature-line{position:absolute;width:100%;height:28px;display:flex;align-items:center;gap:10px;transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1);opacity:0;transform:translateY(-100%);color:hsla(0,0%,100%,.4)}.feature-line.active{opacity:1;transform:translateY(0);color:#fff}.feature-line.exiting{opacity:1;transform:translateY(-100%);color:hsla(0,0%,100%,.55)}.right{flex:0 0 50%;display:flex;flex-direction:column;justify-content:center;padding:50px 48px;background:#fff}.tabs{display:flex;background:#f3f4f6;border-radius:12px;padding:4px;margin-bottom:36px;gap:4px}.tab{flex:1;padding:10px 12px;border:none;cursor:pointer;border-radius:9px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;letter-spacing:.01em;transition:all .22s;background:transparent;color:#9ca3af}.tab.active{background:#fff;color:#111827;box-shadow:0 1px 4px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05)}.tab:hover:not(.active){color:#374151}.form-label{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;margin-bottom:8px}.input-wrap{position:relative}.text-input{width:100%;padding:14px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:500;color:#111827;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.text-input:focus{border-color:#7c3aed;background:#fafaff;box-shadow:0 0 0 4px rgba(124,58,237,.08)}.text-input::-moz-placeholder{color:#d1d5db}.text-input::placeholder{color:#d1d5db}.text-input:disabled{opacity:.55;cursor:not-allowed}.text-input.with-eye{padding-right:48px}.eye-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;display:flex;align-items:center;padding:0;transition:color .2s}.eye-btn:hover{color:#7c3aed}.btn{width:100%;padding:15px;border:none;cursor:pointer;border-radius:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff;position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 6px 24px rgba(124,58,237,.35)}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 32px rgba(124,58,237,.45)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,.1) 0,transparent 60%);pointer-events:none}.heading{font-size:26px;font-weight:800;color:#111827;line-height:1.2;margin-bottom:5px}.subtext{font-size:13.5px;color:#9ca3af;line-height:1.6;margin-bottom:26px}.subtext strong{color:#374151;font-weight:600}.back-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;color:#9ca3af;padding:0;margin-bottom:22px;transition:color .2s}.back-btn:hover{color:#7c3aed}.forgot{display:block;text-align:right;font-size:12px;color:#9ca3af;font-weight:500;text-decoration:none;margin-top:6px;margin-bottom:20px;transition:color .2s}.forgot:hover{color:#7c3aed}.resend-row{text-align:center;margin-top:18px}.resend-btn,.resend-row{font-size:13px;color:#9ca3af}.resend-btn{background:none;border:none;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;cursor:default;padding:0;transition:color .2s}.resend-btn.active{color:#7c3aed;cursor:pointer}.slide{animation:slideIn .3s cubic-bezier(.22,1,.36,1) both}@keyframes slideIn{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUpBubble{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floatBubble{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:700px){.left{display:none}.right{flex:1;padding:36px 24px}.card{border-radius:22px}}