@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@700;800;900&family=Poppins:wght@300;400;500;600&display=swap");*{box-sizing:border-box;margin:0;padding:0}.login-root{min-height:100vh;display:flex;font-family:Poppins,sans-serif;background:#0a0a14}.panel-left{display:none;position:relative;flex:1;background:#0a0a14;overflow:hidden;align-items:center;justify-content:center;padding:60px}@media (min-width:900px){.panel-left{display:flex}}.panel-left:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 30% 50%,rgba(124,58,237,.25) 0,transparent 70%),radial-gradient(ellipse 60% 80% at 75% 20%,rgba(37,99,235,.2) 0,transparent 65%),radial-gradient(ellipse 50% 50% at 60% 80%,rgba(124,58,237,.12) 0,transparent 60%)}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(124,58,237,.06) 1px,transparent 0),linear-gradient(90deg,rgba(124,58,237,.06) 1px,transparent 0);background-size:48px 48px}.orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.orb-1{width:320px;height:320px;background:rgba(124,58,237,.3);top:-80px;left:-80px;animation:drift1 8s ease-in-out infinite}.orb-2{width:240px;height:240px;background:rgba(37,99,235,.25);bottom:-60px;right:-40px;animation:drift2 10s ease-in-out infinite}.orb-3{width:160px;height:160px;background:rgba(167,139,250,.2);top:40%;left:60%;animation:drift3 12s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(0)}50%{transform:translate(30px,20px)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(-20px,-30px)}}@keyframes drift3{0%,to{transform:translate(0)}50%{transform:translate(-15px,25px)}}.left-content{position:relative;z-index:1;max-width:440px}.left-logo{margin-bottom:48px}.left-heading{font-family:Raleway,sans-serif;font-size:clamp(2.2rem,3.2vw,3rem);font-weight:900;color:#fff;line-height:1.1;margin-bottom:20px}.left-heading span{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.left-sub{font-size:1rem;color:hsla(0,0%,100%,.5);line-height:1.6;margin-bottom:48px}.features{display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:center;gap:12px;color:hsla(0,0%,100%,.7);font-size:.9rem}.feature-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#2563eb);flex-shrink:0}.panel-right{width:100%;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:#fff}@media (min-width:900px){.panel-right{width:480px;flex:none;padding:60px 56px}}.form-wrapper{width:100%;max-width:380px}.mobile-logo{display:flex;justify-content:center;margin-bottom:32px}@media (min-width:900px){.mobile-logo{display:none}}.form-title{font-family:Raleway,sans-serif;font-size:1.9rem;font-weight:900;color:#0a0a14;margin-bottom:6px}.form-sub{font-size:.9rem;color:#6b7280;margin-bottom:36px}.field{margin-bottom:20px}.field label{display:block;font-size:.8rem;font-weight:600;color:#374151;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.input-wrap{position:relative}.field input{width:100%;padding:14px 16px;border:1.5px solid #e5e7eb;border-radius:12px;font-family:Poppins,sans-serif;font-size:.95rem;color:#0a0a14;background:#f9fafb;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.field input:focus{border-color:#7c3aed;background:#fff;box-shadow:0 0 0 3px rgba(124,58,237,.1)}.field input::-moz-placeholder{color:#9ca3af}.field input::placeholder{color:#9ca3af}.toggle-pass{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;display:flex;align-items:center}.toggle-pass:hover{color:#6b7280}.error-msg{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 14px;font-size:.85rem;color:#dc2626;margin-bottom:20px}.btn-submit{width:100%;padding:15px;border:none;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;position:relative;overflow:hidden;margin-top:8px}.btn-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.65;cursor:not-allowed}.spinner{display:inline-block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}.form-footer{text-align:center;margin-top:28px;font-size:.8rem;color:#9ca3af}