.login-wrapper{z-index:200;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;position:fixed;top:0;left:0}.login-left{background:linear-gradient(175deg,#3a3a3a 0%,#1a1a1a 60%,#0d0d0d 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-porthole{border-radius:50%;width:440px;height:440px;position:relative;overflow:hidden;box-shadow:0 0 0 18px #b4b4b426,0 0 0 36px #8c8c8c14,0 0 60px #0009}.login-porthole img{object-fit:cover;width:100%;height:100%;display:block}.login-porthole:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 50px #0006}.login-left-text{max-width:500px;margin-top:3rem;padding:0 3rem}.login-left-text h1{color:#fff;margin-bottom:1.25rem;font-family:Outfit,sans-serif;font-size:3.8rem;font-weight:700;line-height:1.05}.login-left-text p{color:#ffffffb3;max-width:380px;font-size:1.05rem;line-height:1.6}.login-right{background-color:#fff;flex:1;justify-content:center;align-items:center;padding:3rem;display:flex}.login-form-box{width:100%;max-width:400px}.login-brand{color:#1a56db;margin-bottom:2.5rem;font-family:Outfit,sans-serif;font-size:1.9rem;font-weight:700}.login-heading{color:#111827;margin-bottom:.4rem;font-family:Inter,sans-serif;font-size:1.6rem;font-weight:700}.login-subheading{color:#6b7280;margin-bottom:2rem;font-size:.93rem}.login-error{color:#dc2626;text-align:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.25rem;padding:.7rem 1rem;font-size:.85rem}.login-field{margin-bottom:1.25rem}.login-label-row{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.login-label{color:#374151;font-size:.85rem;font-weight:600}.login-forgot{color:#1a56db;font-size:.83rem;font-weight:600;text-decoration:none}.login-forgot:hover{text-decoration:underline}.login-input-wrap{position:relative}.login-input-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.login-input{color:#111827;box-sizing:border-box;background-color:#f3f4f6;border:1.5px solid #0000;border-radius:8px;outline:none;width:100%;padding:.8rem 1rem .8rem 2.6rem;font-size:.93rem;transition:border-color .2s,box-shadow .2s}.login-input::placeholder{color:#9ca3af}.login-input:focus{background-color:#fff;border-color:#1a56db;box-shadow:0 0 0 3px #1a56db1a}.login-submit{color:#fff;cursor:pointer;background-color:#1a56db;border:none;border-radius:999px;width:100%;margin-top:.75rem;padding:.85rem;font-size:.95rem;font-weight:600;transition:background-color .2s}.login-submit:hover{background-color:#1648b8}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-divider{align-items:center;margin:1.75rem 0;display:flex}.login-divider:before,.login-divider:after{content:"";background-color:#e5e7eb;flex:1;height:1px}.login-divider span{color:#9ca3af;white-space:nowrap;padding:0 1rem;font-size:.83rem}.login-social-row{gap:1rem;display:flex}.login-social-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.7rem;font-size:.9rem;font-weight:500;transition:background-color .15s;display:flex}.login-social-btn:hover{background-color:#f9fafb}.login-bottom-link{text-align:center;color:#6b7280;margin-top:2.5rem;font-size:.9rem}.login-bottom-link a{color:#1a56db;font-weight:600;text-decoration:none}.login-bottom-link a:hover{text-decoration:underline}@media (max-width:900px){.login-wrapper{flex-direction:column}.login-left{min-height:40vh;max-height:40vh;padding:2rem}.login-porthole{width:220px;height:220px}.login-left-text{margin-top:1rem}.login-left-text h1{font-size:1.8rem}.login-left-text p{display:none}.login-right{flex:1;padding:2rem 1.5rem;overflow-y:auto}}@media (max-width:600px){.login-left{display:none}.login-wrapper{flex-direction:column}.login-right{align-items:flex-start;width:100%;min-height:100vh;padding:3rem 1.25rem 2rem}.login-form-box{max-width:100%}}