.delay-500{transition-delay:.5s}.delay-750{transition-delay:.75s}.delay-1000{transition-delay:1s}.duration-750{transition-duration:.75s}.vain-section--grid-auth{background:linear-gradient(180deg,#0A0A0A,#0A0A0A),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 24px),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 24px),radial-gradient(80% 80% at 86% 50%,rgba(164,43,106,.2),transparent 70%),radial-gradient(70% 60% at 10% 90%,rgba(26,130,140,.2),transparent 60%)}.vain-section--light-auth{background:linear-gradient(180deg,#FFFFFF,#F8F7FC);color:#1B1522}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rounded-button{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:40px}.rounded-button:hover{transform:translateY(-2px)}.auth-form-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.1)}.auth-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.auth-input-error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.auth-input-success{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.floating-input-container{position:relative}.floating-input{width:100%;padding:.8rem 0;border:0;border-bottom:2px solid #d1d5db;background:transparent;color:#111827;font-size:1rem;outline:none;transition:all .3s ease}.floating-input:focus{border-bottom-color:#000000}.floating-input.error,.floating-input.error:focus{border-bottom-color:#ef4444}.floating-input::placeholder{color:transparent}.bg-black .floating-input{color:#ffffff;border-bottom-color:rgba(255,255,255,.3)}.bg-black .floating-input:focus{border-bottom-color:#ffffff}.bg-black .floating-input.error,.bg-black .floating-input.error:focus{border-bottom-color:#ef4444}.floating-label{position:absolute;left:0;top:1rem;font-size:1rem;color:#6b7280;pointer-events:none;font-weight:550;transition:all .3s ease}.floating-label.filled{top:-.5rem;font-size:.75rem;font-weight:550;color:#000000}.floating-label.error,.floating-label.error.filled{color:#ef4444}.floating-input:focus+.floating-label{top:-.5rem;font-size:.75rem;color:#000000}.floating-input.error:focus+.floating-label{color:#ef4444}.bg-black .floating-label{color:rgba(255,255,255,.7)}.bg-black .floating-label.filled{color:#ffffff}.bg-black .floating-label.error,.bg-black .floating-label.error.filled{color:#ef4444}.bg-black .floating-input:focus+.floating-label{color:#ffffff}.bg-black .floating-input.error:focus+.floating-label{color:#ef4444}.password-toggle{position:absolute;right:0;top:1rem;padding:.25rem;color:#6b7280;background:none;border:none;cursor:pointer;transition:color .2s ease}.password-toggle:hover{color:#374151}.password-toggle:focus{outline:none;color:#000000}.bg-black .password-toggle{color:rgba(255,255,255,.7)}.bg-black .password-toggle:focus,.bg-black .password-toggle:hover{color:#ffffff}.input-error{color:#ef4444;font-size:.75rem;margin-top:.25rem}