.auth-layout{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a)}.auth-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none}.auth-blob{position:absolute;width:30rem;height:30rem;border-radius:9999px;mix-blend-mode:multiply;filter:blur(64px);opacity:.15;animation:authBlob 25s ease-in-out infinite}.auth-blob-1{top:-15rem;right:-10rem;background:linear-gradient(135deg,#8b5cf6,#ec4899)}.auth-blob-2{bottom:-15rem;left:-10rem;background:linear-gradient(135deg,#06b6d4,#3b82f6);animation-delay:3s}.auth-content{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.auth-logo{margin-bottom:2rem;text-decoration:none}.auth-logo-text{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#a78bfa,#ec4899,#06b6d4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:transform .3s ease}.auth-logo:hover .auth-logo-text{transform:scale(1.05)}.auth-card{width:100%;max-width:28rem;background:rgba(30,41,59,.7);backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.1);border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.auth-footer{margin-top:2rem;font-size:.875rem;color:#64748b}.auth-title{font-size:1.5rem;font-weight:600;color:#f8fafc;text-align:center;margin-bottom:.5rem}.auth-subtitle{font-size:.875rem;color:#94a3b8;text-align:center;margin-bottom:2rem}.auth-form{gap:1.25rem}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:.5rem}.auth-label{font-size:.875rem;font-weight:500;color:#cbd5e1}.auth-input{width:100%;padding:.75rem 1rem;background:rgba(15,23,42,.5);border:1px solid rgba(148,163,184,.2);border-radius:.75rem;color:#f8fafc;font-size:.875rem;transition:all .2s ease}.auth-input::placeholder{color:#64748b}.auth-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.2)}.auth-input:hover:not(:focus){border-color:rgba(148,163,184,.4)}.auth-button{width:100%;padding:.875rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:.75rem;color:#ffffff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-button:hover{transform:translateY(-1px);box-shadow:0 10px 30px -10px rgba(139,92,246,.5)}.auth-button:active{transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.auth-divider-line{flex:1;height:1px;background:rgba(148,163,184,.2)}.auth-divider-text{font-size:.75rem;color:#64748b;text-transform:uppercase}.auth-social{display:flex;gap:.75rem}.auth-social-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:rgba(15,23,42,.5);border:1px solid rgba(148,163,184,.2);border-radius:.75rem;color:#cbd5e1;font-size:.875rem;cursor:pointer;transition:all .2s ease}.auth-social-button:hover{background:rgba(30,41,59,.8);border-color:rgba(148,163,184,.4)}.auth-link{text-align:center;margin-top:1.5rem;font-size:.875rem;color:#94a3b8}.auth-link a{color:#a78bfa;text-decoration:none;font-weight:500;transition:color .2s}.auth-link a:hover{color:#c4b5fd}.auth-error{padding:.75rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#fca5a5;font-size:.875rem}.auth-forgot{text-align:right;margin-top:-.5rem}.auth-forgot a{font-size:.75rem;color:#94a3b8;text-decoration:none;transition:color .2s}.auth-forgot a:hover{color:#a78bfa}@keyframes authBlob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}