.auth-container{background:linear-gradient(135deg,var(--primary-700)0%,var(--secondary-700)100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";background-blend-mode:overlay;opacity:.1;width:100%;height:100%;z-index:var(--z-0);background-image:url(/images/pattern-bg.png);background-size:cover;position:absolute;top:0;left:0}.auth-decoration{z-index:var(--z-0);border-radius:50%;position:absolute}.auth-decoration-1{background:linear-gradient(135deg,var(--primary-500),var(--primary-300));opacity:.3;width:300px;height:300px;animation:8s ease-in-out infinite breathe;top:-100px;right:-100px}.auth-decoration-2{background:linear-gradient(135deg,var(--secondary-500),var(--secondary-300));opacity:.3;width:200px;height:200px;animation:6s ease-in-out 1s infinite breathe;bottom:-50px;left:-50px}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.auth-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);width:100%;max-width:450px;box-shadow:var(--shadow-xl);padding:var(--spacing-8);z-index:var(--z-10);background-color:#ffffffe6;margin:0 auto;animation:.5s ease-out slideUp;position:relative}.auth-header{text-align:center;margin-bottom:var(--spacing-6)}.auth-title{font-size:var(--text-3xl);color:#0000;margin-bottom:var(--spacing-2);background:linear-gradient(90deg,var(--primary-700),var(--secondary-700));-webkit-background-clip:text;background-clip:text;font-weight:800}.auth-subtitle{font-size:var(--text-base);color:var(--neutral-600)}.auth-form{gap:var(--spacing-5);flex-direction:column;display:flex}.form-group{flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);margin-bottom:var(--spacing-2);color:var(--neutral-700);font-weight:600}.form-input{padding:var(--spacing-3);border:2px solid var(--neutral-200);border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--transition-normal)var(--ease-in-out);background-color:#fffc}.form-input:focus{border-color:var(--primary-400);background-color:#fff;outline:none;box-shadow:0 0 0 3px #6366f133}.form-error{border-radius:var(--radius-md);padding:var(--spacing-3);margin-bottom:var(--spacing-2);color:var(--error);font-size:var(--text-sm);border-left:4px solid var(--error);background-color:#fee2e2cc}.form-footer{margin-bottom:var(--spacing-4);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.remember-me{align-items:center;gap:var(--spacing-2);display:flex}.remember-me input[type=checkbox]{accent-color:var(--primary-600);width:16px;height:16px}.auth-link{color:var(--primary-600);transition:all var(--transition-normal)var(--ease-in-out);font-weight:600;text-decoration:none;position:relative}.auth-link:hover{color:var(--primary-800)}.auth-link:after{content:"";background-color:var(--primary-600);width:0;height:2px;transition:width var(--transition-normal)var(--ease-in-out);position:absolute;bottom:-2px;left:0}.auth-link:hover:after{width:100%}.submit-button{background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));color:#fff;border-radius:var(--radius-md);padding:var(--spacing-3)var(--spacing-4);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-normal)var(--ease-in-out);box-shadow:var(--shadow-md);margin-top:var(--spacing-2);border:none;font-weight:600;position:relative;overflow:hidden}.submit-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.submit-button:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-700),var(--secondary-700));transform:translateY(-2px)}.submit-button:hover:before{left:100%}.submit-button:active{box-shadow:var(--shadow-md);transform:translateY(0)}.submit-button:disabled{background:linear-gradient(135deg,var(--primary-400),var(--secondary-400));cursor:not-allowed;box-shadow:none;transform:none}.social-login{margin-top:var(--spacing-6);text-align:center}.social-login-divider{margin:var(--spacing-4)0;align-items:center;display:flex}.social-login-divider:before,.social-login-divider:after{content:"";background-color:var(--neutral-300);flex:1;height:1px}.social-login-divider-text{padding:0 var(--spacing-3);color:var(--neutral-500);font-size:var(--text-sm)}.social-login-buttons{gap:var(--spacing-3);margin-top:var(--spacing-3);justify-content:center;display:flex}.social-button{border:1px solid var(--neutral-200);width:40px;height:40px;transition:all var(--transition-normal)var(--ease-in-out);color:var(--neutral-700);font-size:var(--text-xl);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-button:hover{box-shadow:var(--shadow-md);border-color:var(--primary-300);transform:translateY(-2px)}@media (max-width:640px){.auth-form-container{padding:var(--spacing-6);max-width:90%}.auth-title{font-size:var(--text-2xl)}.form-footer{gap:var(--spacing-4);flex-direction:column;align-items:flex-start}.auth-decoration-1{width:150px;height:150px}.auth-decoration-2{width:100px;height:100px}}