.auth-page-wrapper{min-height:100vh;background:linear-gradient(135deg,#f5f7f8,#e8f5f3 50%,#f0f9ff);position:relative;overflow:hidden}.auth-page-wrapper:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(12,179,155,.04) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,180,87,.04) 0,transparent 50%);pointer-events:none}.auth-card{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(12,179,155,.1);box-shadow:0 10px 30px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.05),0 0 0 1px rgba(12,179,155,.05);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.auth-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.08),0 0 0 1px rgba(12,179,155,.08);transform:translateY(-2px)}.auth-card-header{padding:2rem 2rem 1rem;text-align:center;position:relative}.auth-card-title{font-size:1.875rem;font-weight:700;color:var(--bs-dark);margin-bottom:.5rem;letter-spacing:-.025em}.auth-card-subtitle{color:#6b7280;font-size:.9375rem;font-weight:400;margin-bottom:0}.auth-card-body{padding:1.5rem 2rem 2rem}.auth-form-label{font-weight:600;font-size:.875rem;color:var(--bs-dark);margin-bottom:.5rem;letter-spacing:.01em}.auth-input-group{position:relative;margin-bottom:1.25rem}.auth-input-group input{border-radius:12px;border:1.5px solid #e5e7eb;font-size:1rem;transition:all .2s ease;background-color:#ffffff;padding:.875rem 1rem}.auth-input-group input:focus{border-color:var(--bs-primary);box-shadow:0 0 0 3px rgba(12,179,155,.1);background-color:#ffffff}.auth-input-group .input-group{position:relative}.auth-input-group .input-group input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.auth-input-group .input-group input:focus{border-right:none;z-index:3}.auth-input-group .input-group .btn{border-top-right-radius:12px;border-bottom-right-radius:12px;border:1.5px solid #e5e7eb;border-left:none;background-color:#ffffff;color:#6b7280;padding:.875rem 1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:48px}.auth-input-group .input-group .btn:hover{background-color:#f9fafb;color:var(--bs-primary);border-color:#e5e7eb}.auth-input-group .input-group .btn:focus{border-color:var(--bs-primary);box-shadow:0 0 0 3px rgba(12,179,155,.1);background-color:#ffffff;z-index:3}.auth-input-group .input-group .btn:active{background-color:#f3f4f6;border-color:var(--bs-primary)}.auth-input-group .input-group input.is-invalid,.auth-input-group .input-group input.is-valid{border-right:none}.auth-input-group .input-group input.is-valid~.btn{border-color:var(--bs-success)}.auth-input-group .input-group input.is-invalid~.btn{border-color:var(--bs-danger)}.auth-input-group .input-group input.is-invalid:focus~.btn,.auth-input-group .input-group input.is-valid:focus~.btn{border-color:inherit}.auth-input-group input.is-valid{border-color:var(--bs-success);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232bd47d' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.auth-input-group input.is-valid:focus{border-color:var(--bs-success);box-shadow:0 0 0 3px rgba(43,212,125,.15)}.auth-input-group input.is-invalid{border-color:var(--bs-danger);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f87171'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f87171' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.auth-input-group input.is-invalid:focus{border-color:var(--bs-danger);box-shadow:0 0 0 3px rgba(248,113,113,.15)}.auth-feedback{font-size:.8125rem;margin-top:.375rem;font-weight:500}.auth-feedback.valid-feedback{color:var(--bs-success)}.auth-feedback.invalid-feedback{color:var(--bs-danger)}.auth-btn-primary{background:linear-gradient(135deg,var(--bs-primary) 0,#089e86 100%);border:none;border-radius:12px;padding:.875rem 1.5rem;font-weight:600;font-size:1rem;letter-spacing:.01em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(12,179,155,.25);position:relative;overflow:hidden}.auth-btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#089e86 0,var(--bs-primary) 100%);opacity:0;transition:opacity .3s ease}.auth-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(12,179,155,.35)}.auth-btn-primary:hover:not(:disabled):before{opacity:1}.auth-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(12,179,155,.3)}.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.auth-btn-primary span{position:relative;z-index:1}.auth-btn-loading{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.auth-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.auth-alert{border-radius:10px;border:none;padding:.875rem 1rem;margin-bottom:1.25rem;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.625rem}.auth-alert-danger{background-color:rgba(248,113,113,.1);color:#dc2626;border-left:3px solid var(--bs-danger)}.auth-alert-success{background-color:rgba(43,212,125,.1);color:#16a34a;border-left:3px solid var(--bs-success)}.auth-link{color:var(--bs-primary);text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.auth-link:after{content:"";position:absolute;width:100%;height:1.5px;bottom:-2px;left:0;background-color:var(--bs-primary);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.auth-link:hover{color:#089e86}.auth-link:hover:after{transform:scaleX(1);transform-origin:left}.auth-link-secondary{color:#6b7280;font-size:.875rem;font-weight:500}.auth-link-secondary:hover{color:var(--bs-primary)}.auth-footer{text-align:center;padding-top:1.25rem;border-top:1px solid #e5e7eb;margin-top:1.5rem}.auth-footer-text{color:#6b7280;font-size:.875rem;margin-bottom:0}.auth-forgot-link{font-size:.8125rem;color:var(--bs-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.auth-forgot-link:hover{color:#089e86;text-decoration:underline}@media (max-width:575.98px){.auth-card{border-radius:16px;margin:1rem}.auth-card-header{padding:1.5rem 1.25rem .75rem}.auth-card-title{font-size:1.5rem}.auth-card-subtitle{font-size:.875rem}.auth-card-body{padding:1rem 1.25rem 1.5rem}.auth-input-group input{font-size:16px}.auth-btn-primary{padding:.8125rem 1.25rem;font-size:.9375rem}}@media (min-width:576px) and (max-width:767.98px){.auth-card{max-width:480px;margin-left:auto;margin-right:auto}}@media (min-width:768px){.auth-card{max-width:500px}.auth-page-wrapper{padding:2rem}}.auth-input-group input:focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px}.auth-btn-primary:focus-visible{outline:3px solid rgba(12,179,155,.4);outline-offset:2px}@media (prefers-color-scheme:dark){.auth-page-wrapper{background:linear-gradient(135deg,#1a1d23,#1f2937 50%,#1e293b)}.auth-card{background:rgba(42,46,55,.95);border-color:rgba(12,179,155,.2)}.auth-card-title{color:#f9fafb}.auth-card-subtitle{color:#9ca3af}.auth-input-group input{background-color:#1f2937;border-color:#374151;color:#f9fafb}.auth-input-group input:focus{background-color:#1f2937;border-color:var(--bs-primary)}.auth-footer{border-color:#374151}}@media print{.auth-card,.auth-page-wrapper{display:none!important}}