body:not(.with-navbar) .auth-container{display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}body.with-navbar .auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:40px 20px;box-sizing:border-box}.auth-container .card{background:#fff;padding:2rem;border-radius:12px;width:100%;max-width:400px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.auth-container .logo{font-size:1.25rem;font-weight:700;color:#1976d2;margin-bottom:1rem}.auth-container h1{margin:0 0 1.5rem;font-size:1.8rem;color:#333;font-weight:600}.auth-container .form{width:100%}.auth-container .field{margin-bottom:1rem}.auth-container .label{display:block;margin-bottom:.5rem;font-weight:500;color:#333;font-size:.9rem}.auth-container .input-text{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;box-sizing:border-box;transition:border-color .2s ease}.auth-container .input-text:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.1)}.auth-container .input-text::placeholder{color:#999}.auth-container .checkbox-group{display:flex;align-items:center;margin-bottom:1.5rem}.auth-container .checkbox-group .checkbox{margin-right:.5rem;margin-bottom:0}.auth-container .checkbox-group .label{margin-bottom:0;font-weight:400;cursor:pointer}.auth-container .btn{width:100%;padding:.75rem;font-size:1rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.auth-container .btn.primary{background:linear-gradient(to right,#111827,#374151);color:#fff;margin-bottom:1rem}.auth-container .btn.primary:hover{background:linear-gradient(to right,#0f172a,#1f2937);transform:translateY(-1px)}.auth-container .btn.primary:active{transform:translateY(0)}.auth-container .link{display:block;text-align:center;color:#1976d2;text-decoration:none;margin-bottom:1rem;font-size:.9rem;transition:color .2s ease}.auth-container .link:hover{color:#1565c0;text-decoration:underline}.auth-container .divider{text-align:center;position:relative;margin:1.5rem 0}.auth-container .divider:before,.auth-container .divider:after{content:'';height:1px;background:#ccc;position:absolute;top:50%;width:45%}.auth-container .divider:before{left:0}.auth-container .divider:after{right:0}.auth-container .divider span{background:#fff;padding:0 10px;color:#888;font-size:.9rem}.auth-container .social-buttons{display:flex;gap:12px;margin-bottom:20px}.auth-container .social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #ddd;background:#fff;color:#333;text-decoration:none;border-radius:6px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer;user-select:none;position:relative;overflow:hidden}.auth-container .social-btn:hover:not(.disabled){border-color:#ccc;background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.auth-container .social-btn:active:not(.disabled){transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.auth-container .social-btn:focus:not(.disabled){outline:2px solid #4285f4;outline-offset:2px}.auth-container .social-btn.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:#999;border-color:#e0e0e0}.auth-container .social-btn.disabled:hover{transform:none;box-shadow:none;background:#f5f5f5;border-color:#e0e0e0}.auth-container .social-btn.loading{pointer-events:none;opacity:.7}.auth-container .social-btn img{width:16px;height:16px;flex-shrink:0}.auth-container .social-btn.disabled img{opacity:.5;filter:grayscale(100%)}.auth-container .footer{text-align:center;font-size:.9rem;margin-top:1rem;color:#666}.auth-container .footer a{color:#1976d2;text-decoration:none;font-weight:500}.auth-container .footer a:hover{color:#1565c0;text-decoration:underline}.auth-container .messages{margin-bottom:1rem}.auth-container .message{padding:12px 16px;border-radius:6px;margin-bottom:10px;font-size:14px;line-height:1.4}.auth-container .message-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.auth-container .message-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.auth-container .message-notice{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.auth-container .btn.loading{position:relative;color:transparent}.auth-container .btn.loading:after{content:'';position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:auth-spin 1s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-container .input-text.mage-error{border-color:#e53e3e;box-shadow:0 0 0 2px rgba(229,62,62,.1)}.auth-container .field-error{color:#e53e3e;font-size:.8rem;margin-top:.25rem}@media (max-width:480px){.auth-container .card{padding:1.5rem;margin:10px;max-width:none}.auth-container h1{font-size:1.5rem}.auth-container .logo{font-size:1.1rem}.auth-container .social-btn{font-size:.9rem;padding:.5rem}.auth-container .social-btn img{width:14px;height:14px}}@media (max-width:360px){.auth-container .card{padding:1rem}.auth-container .input-text,.auth-container .btn,.auth-container .social-btn{font-size:.9rem}.auth-container .social-btn img{width:14px;height:14px}}.auth-container .btn:focus,.auth-container .input-text:focus,.auth-container .social-btn:focus,.auth-container .link:focus{outline:2px solid #1976d2;outline-offset:2px}@media (prefers-contrast:high){.auth-container .card{border:2px solid #000}.auth-container .input-text,.auth-container .social-btn{border-width:2px}}@media (prefers-reduced-motion:reduce){.auth-container *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}