:root{--primary-color: #4361ee;--secondary-color: #3f37c9;--accent-color: #4895ef;--danger-color: #f72585;--success-color: #4cc9f0;--light-color: #f8f9fa;--dark-color: #212529;--text-color: #2b2d42;--background-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{min-height:100vh;background:var(--background-gradient);background-attachment:fixed;color:var(--text-color)}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.auth-card{background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:40px;width:100%;max-width:450px;transition:all .3s ease}.auth-title{font-size:2rem;margin-bottom:1.5rem;color:var(--primary-color);text-align:center;font-weight:700}.user-name{color:var(--secondary-color);text-transform:capitalize}.auth-message{text-align:center;margin-bottom:2rem;color:var(--text-color);opacity:.8}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-color)}.form-group input{padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease}.form-group input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4361ee33}.auth-button{padding:12px;border:none;border-radius:8px;background-color:var(--primary-color);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.auth-button:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.auth-button:active{transform:translateY(0)}.auth-button:disabled{background-color:#adb5bd;cursor:not-allowed;transform:none}.logout-button{background-color:var(--danger-color);width:100%}.logout-button:hover{background-color:#d62f7b}.login-button{background-color:var(--primary-color)}.register-button{background-color:var(--accent-color)}.auth-actions{display:flex;gap:1rem}.auth-actions .auth-button{flex:1}.auth-error{color:var(--danger-color);background-color:#f725851a;padding:12px;border-radius:8px;margin-bottom:1rem;text-align:center;font-weight:600}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--text-color);opacity:.8}.auth-link{color:var(--primary-color);font-weight:600;cursor:pointer;text-decoration:underline}@media (max-width: 768px){.auth-card{padding:30px}.auth-title{font-size:1.75rem}.auth-actions{flex-direction:column}}@media (max-width: 480px){.auth-card{padding:20px}.auth-title{font-size:1.5rem}.form-group input{padding:10px 14px}.auth-button{padding:10px}}