.authContainer{min-height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;padding:6rem 2rem 2rem}.authCard{max-width:1000px;width:100%;display:flex;flex-direction:column;background-color:#0a0a0a;border:1px solid #27272a;border-radius:1.5rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(30,58,138,.2)}@media (min-width:768px){.authCard{flex-direction:row}}.authLeft{display:none;position:relative;padding:3rem;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(to bottom right,#18181b,#000);border-right:1px solid #27272a}@media (min-width:768px){.authLeft{display:flex;width:50%}}.authLeftGlow{position:absolute;top:-20%;left:-10%;width:140%;height:140%;background:radial-gradient(circle at center,rgba(37,99,235,.15) 0,rgba(30,58,138,.05) 40%,transparent 70%);filter:blur(40px);border-radius:50%;pointer-events:none}.authLeftContent{position:relative;z-index:10}.authLogo{height:48px;margin-bottom:2rem;object-fit:contain}.authTitle{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.2}.gradientText{background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-background-clip:text;color:transparent}.authDesc{color:#a1a1aa;font-size:1.125rem;line-height:1.5;max-width:28rem}.authFeatureCard{position:relative;z-index:10;padding:1.5rem;background-color:rgba(24,24,27,.5);border:1px solid #27272a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem}.authFeatureTitle{color:#fff;font-weight:600;margin-top:.75rem;margin-bottom:.25rem}.authFeatureDesc{color:#a1a1aa;font-size:.875rem}.authRight{width:100%;padding:2rem;position:relative;background-color:#0a0a0a;display:flex;flex-direction:column;justify-content:center}@media (min-width:768px){.authRight{width:50%;padding:4rem}}.authFormWrapper{width:100%;max-width:28rem;margin:0 auto}.formHeader{margin-bottom:2rem}.formTitle{font-size:1.875rem;font-weight:700;color:#fff;margin-bottom:.5rem}.formDesc{color:#a1a1aa}.alertBox{padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;font-weight:500}.alertBox.error{background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#f87171}.alertBox.success{background-color:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#4ade80}.formGroup{margin-bottom:1.25rem}.formLabel{display:block;font-size:.875rem;font-weight:500;color:#d4d4d8;margin-bottom:.375rem}.formLabelRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.forgotLink{font-size:.875rem;color:#60a5fa;font-weight:500;background:none;border:none;cursor:pointer;transition:color .2s}.forgotLink:hover{color:#93c5fd}.inputWrapper{position:relative}.inputIcon{position:absolute;top:50%;left:1rem;transform:translateY(-50%);color:#71717a;pointer-events:none}.inputField{width:100%;background-color:rgba(24,24,27,.5);border:1px solid #27272a;border-radius:.75rem;padding:.75rem 1rem .75rem 2.5rem;color:#fff;font-size:1rem;font-weight:500;transition:all .2s;font-family:inherit}.inputField::placeholder{color:#71717a}.inputField:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.submitBtn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(90deg,#2563eb,#9333ea);color:#fff;font-weight:600;font-size:1rem;padding:.875rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .3s;box-shadow:0 0 20px rgba(37,99,235,.2);margin-top:1rem}.submitBtn:hover:not(:disabled){background:linear-gradient(90deg,#3b82f6,#a855f7);box-shadow:0 0 30px rgba(37,99,235,.4)}.submitBtn:disabled{opacity:.5;cursor:not-allowed}.spinner{height:1.25rem;width:1.25rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.switchText{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #27272a;text-align:center;color:#a1a1aa;font-weight:500}.switchBtn{background:none;border:none;color:#fff;font-weight:600;cursor:pointer;transition:color .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem}.switchBtn:hover{color:#60a5fa}