body {
     background-color: #f8fafc;
     background-image:
         radial-gradient(at 0% 0%, rgba(255, 90, 90, 0.15) 0px, transparent 50%),
         radial-gradient(at 100% 0%, rgba(255, 139, 90, 0.15) 0px, transparent 50%),
         radial-gradient(at 100% 100%, rgba(255, 212, 90, 0.15) 0px, transparent 50%),
         radial-gradient(at 0% 100%, rgba(255, 90, 90, 0.1) 0px, transparent 50%);
     background-attachment: fixed;
 }

 .glass-auth {
     background: rgba(255, 255, 255, 0.85);
     backdrop-filter: blur(25px);
     -webkit-backdrop-filter: blur(25px);
     border: 1px solid rgba(255, 255, 255, 0.6);
     box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.05);
 }

 .input-style {
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .input-style:focus {
     background: white;
     border-color: #FF8B5A;
     box-shadow: 0 0 0 4px rgba(255, 139, 90, 0.1);
     transform: translateY(-1px);
 }

 .hidden-auth {
     display: none;
     opacity: 0;
     transform: scale(0.95);
 }

 .active-auth {
     display: block;
     animation: fadeIn 0.5s forwards;
 }

 @keyframes fadeIn {
     to {
         opacity: 1;
         transform: scale(1);
     }
 }