.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:2rem;position:relative}.auth-container,.auth-form{background:var(--color-white)}.auth-form{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);max-width:450px;padding:3rem;text-align:center;width:100%}.auth-form h2{color:#1f2937;font-size:2rem;font-weight:600;margin-bottom:.5rem}.auth-subtitle{color:#6b7280;font-size:1rem;line-height:1.5;margin-bottom:2rem}.form-group{margin-bottom:1.75rem;position:relative;text-align:left}.form-group label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input{background:var(--color-white);border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:#d97706;box-shadow:0 0 0 3px rgba(217,119,6,.1);outline:none}.form-group input.error{border-color:#dc2626}.form-group input.success{border-color:#059669}.password-requirements{background:#f9fafb;border-left:3px solid #d97706;border-radius:6px;margin-top:.5rem;padding:.75rem}.password-requirements small{color:#6b7280;display:block;font-size:.85rem;line-height:1.4;margin-bottom:.25rem}.password-requirements .requirement{align-items:center;display:flex;font-size:.8rem;margin-bottom:.25rem}.password-requirements .requirement.valid{color:var(--color-success)}.password-requirements .requirement.invalid{color:var(--color-error)}.password-requirements .requirement:before{content:"✓";font-weight:700;margin-right:.5rem}.password-requirements .requirement.invalid:before{content:"✗"}.auth-button{background:#d97706;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:600;margin-top:1rem;padding:.875rem 1.5rem;transition:background-color .2s ease;width:100%}.auth-button:hover{background:#b45309}.auth-button:disabled{background:#9ca3af;cursor:not-allowed}.auth-links{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.auth-links p{color:#6b7280;margin:.5rem 0}.auth-links a{color:#d97706;font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}.forgot-password-link{color:#d97706;display:inline-block;font-size:.9rem;margin-top:.5rem}.form-group input:invalid:not(:focus):not(:placeholder-shown){border-color:#dc2626}.form-group input:valid:not(:focus):not(:placeholder-shown){border-color:#059669}.auth-button.loading{color:transparent;pointer-events:none;position:relative}.auth-button.loading:after{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.message{border-radius:8px;font-size:.9rem;font-weight:500;margin:1rem 0;padding:1rem}.message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#059669}.message.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}@media (max-width:1024px){.auth-container{padding:1.5rem}.auth-form{max-width:420px;padding:2.5rem}}@media (max-width:768px){.auth-container{align-items:center;min-height:calc(100vh - 70px);padding:1rem}.auth-form{border-radius:var(--radius-xl);margin:.5rem;max-width:400px;padding:2rem 1.5rem;width:100%}.auth-form h2{font-size:1.75rem;margin-bottom:.75rem}.auth-subtitle{font-size:.95rem;margin-bottom:2.5rem}.form-group{margin-bottom:1.5rem}.form-group input{font-size:.95rem;padding:.875rem 1rem}.auth-button{font-size:.95rem;margin-top:1.25rem;padding:.875rem 1.25rem}}@media (max-width:480px){.auth-container{min-height:calc(100vh - 70px);padding:.75rem}.auth-form{border-radius:var(--radius-lg);margin:.25rem;max-width:360px;padding:1.75rem 1.25rem;width:100%}.auth-form h2{font-size:1.5rem;margin-bottom:.5rem}.auth-subtitle{font-size:.9rem;margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.9rem;margin-bottom:.5rem}.form-group input{font-size:.9rem;padding:.75rem .875rem}.password-requirements{margin-top:.5rem;padding:.625rem}.password-requirements small{font-size:.8rem}.auth-button{font-size:.9rem;margin-top:1rem;padding:.75rem 1rem}.auth-links{margin-top:1.5rem;padding-top:1.25rem}.auth-links p{font-size:.9rem}}@media (max-width:360px){.auth-container{padding:.5rem}.auth-form{margin:0;max-width:320px;padding:1.5rem 1rem;width:100%}.auth-form h2{font-size:1.375rem}.auth-subtitle{font-size:.85rem;margin-bottom:1.75rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.85rem}.form-group input{font-size:.85rem;padding:.625rem .75rem}.password-requirements{padding:.5rem}.password-requirements small{font-size:.75rem}.auth-button{font-size:.85rem;padding:.625rem .875rem}}@media (max-height:500px) and (orientation:landscape){.auth-container{align-items:flex-start;min-height:calc(100vh - 70px);overflow-y:auto;padding:.5rem}.auth-form{margin:.5rem 0;padding:1.5rem 1.25rem}.form-group{margin-bottom:1rem}.auth-button,.auth-links{margin-top:1rem}.auth-links{padding-top:1rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.auth-form{box-shadow:0 20px 40px rgba(0,0,0,.06),0 8px 16px rgba(0,0,0,.03)}.auth-button{box-shadow:0 4px 12px rgba(217,119,6,.25),0 2px 4px rgba(217,119,6,.15)}}.auth-hero-section{background:linear-gradient(135deg,var(--color-porcelain) 0,var(--color-white) 100%);border-bottom:1px solid var(--color-neutral-200);padding:var(--space-12) 0 var(--space-8);text-align:center}.auth-hero-content{margin:0 auto;max-width:600px;padding:0 var(--space-6)}.auth-hero-title{color:var(--color-charcoal);font-size:var(--text-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-4)}.auth-hero-subtitle{color:var(--color-neutral-600);font-size:var(--text-lg);line-height:1.6;margin:0}.auth-container-enhanced{display:grid;gap:var(--space-12);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-6)}@media (max-width:768px){.auth-container-enhanced{gap:var(--space-8);grid-template-columns:1fr;padding:var(--space-6) var(--space-4)}}.auth-container-register{margin:0 auto;max-width:1000px;padding:var(--space-8) var(--space-6);width:100%}.auth-card-register{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8);width:100%}.auth-form-register{margin-top:var(--space-6);width:100%}.form-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr;margin-bottom:var(--space-8);width:100%}.form-group-full{grid-column:1/-1}.auth-button-register{display:block;margin:0 auto;max-width:500px;width:100%}@media (min-width:1200px){.auth-container-register{max-width:1200px;padding:var(--space-12) var(--space-8)}.auth-card-register{padding:var(--space-12)}.form-grid{gap:var(--space-8)}.auth-button-register{max-width:600px}}@media (min-width:1024px) and (max-width:1199px){.auth-container-register{max-width:1000px;padding:var(--space-10) var(--space-6)}.auth-card-register{padding:var(--space-10)}.form-grid{gap:var(--space-6)}}@media (min-width:769px) and (max-width:1023px){.auth-container-register{max-width:800px;padding:var(--space-8) var(--space-6)}.auth-card-register{padding:var(--space-8)}.form-grid{gap:var(--space-5)}}@media (max-width:768px){.auth-container-register{max-width:100%;padding:var(--space-6) var(--space-4)}.auth-card-register{padding:var(--space-6)}.form-grid{gap:var(--space-4);grid-template-columns:1fr}.form-group-full{grid-column:1}.auth-button-register{max-width:100%}}@media (max-width:480px){.auth-container-register{padding:var(--space-4) var(--space-3)}.auth-card-register{padding:var(--space-4)}.form-grid{gap:var(--space-3)}}.auth-card{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8)}.google-signin-btn-enhanced{align-items:center;background:var(--color-white);border:2px solid var(--color-neutral-300);border-radius:var(--border-radius-md);color:var(--color-charcoal);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:500;gap:var(--space-3);justify-content:center;padding:var(--space-4) var(--space-6);text-decoration:none;transition:all var(--transition-duration) var(--transition-easing);width:100%}.google-signin-btn-enhanced:hover{border-color:var(--color-neutral-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.google-signin-btn-enhanced:active{transform:translateY(0)}.auth-divider-enhanced{align-items:center;display:flex;margin:var(--space-6) 0}.divider-line{background:var(--color-neutral-300);flex:1;height:1px}.divider-text{color:var(--color-neutral-500);font-size:var(--text-sm);font-weight:500;padding:0 var(--space-4)}.auth-form-enhanced{margin-top:var(--space-6)}.form-row{display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.form-group-enhanced{margin-bottom:var(--space-6);position:relative}.form-label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}.form-input,.form-label{color:var(--color-charcoal)}.form-input{background:var(--color-white);border:2px solid var(--color-neutral-300);border-radius:var(--border-radius-md);box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-duration) var(--transition-easing);width:100%}.form-input:hover{border-color:var(--color-neutral-400);box-shadow:0 2px 4px rgba(0,0,0,.1)}.form-input:focus{background:var(--color-white);border-color:var(--color-brass);box-shadow:0 0 0 3px rgba(217,119,6,.1),0 2px 4px rgba(0,0,0,.1);outline:none}.form-input:focus+.form-input-focus-indicator{opacity:1;transform:scaleX(1)}.form-input::placeholder{color:var(--color-neutral-500);opacity:1}.form-input:focus::placeholder{color:var(--color-neutral-400)}.form-group-enhanced.valid .form-input{border-color:var(--color-success);box-shadow:0 0 0 1px rgba(5,150,105,.2)}.form-group-enhanced.invalid .form-input{border-color:var(--color-error);box-shadow:0 0 0 1px rgba(220,38,38,.2)}.form-group-enhanced.focused .form-input{border-color:var(--color-brass);box-shadow:0 0 0 3px rgba(217,119,6,.1)}.password-input-container .form-input{padding-right:60px}.form-input-focus-indicator{background:var(--primary-500);bottom:-2px;height:2px;left:0;opacity:0;position:absolute;right:0;transform:scaleX(0);transition:all var(--transition-duration) var(--transition-easing)}.password-input-container{position:relative}.password-toggle{background:none;border:none;color:var(--color-neutral-500);cursor:pointer;padding:var(--space-2);position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);transition:color var(--transition-duration) var(--transition-easing)}.password-toggle:hover{color:var(--color-neutral-700)}.password-toggle-icon{font-size:var(--text-lg)}.form-actions{margin-bottom:var(--space-6);text-align:right}.forgot-password-link{color:var(--primary-600);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color var(--transition-duration) var(--transition-easing)}.forgot-password-link:hover{color:var(--primary-700);text-decoration:underline}.auth-button-primary{align-items:center;background:var(--color-brass);border:2px solid var(--color-brass);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-white)!important;cursor:pointer;display:flex;font-size:var(--text-base);font-weight:600;gap:var(--space-2);justify-content:center;overflow:hidden;padding:var(--space-4) var(--space-6);position:relative;transition:all .2s ease;width:100%}.auth-button-primary:hover{background:var(--color-copper);border-color:var(--color-copper);box-shadow:var(--shadow-md);color:var(--color-white)!important;transform:translateY(-1px)}.auth-button-primary:active{background:var(--color-bronze);border-color:var(--color-bronze);color:var(--color-white)!important;transform:translateY(0)}.auth-button-primary:disabled{background:var(--color-steel);border-color:var(--color-steel);color:var(--color-white)!important;cursor:not-allowed;opacity:.6;transform:none}.button-text{color:var(--color-white)!important;font-family:var(--font-family);font-weight:600}.button-loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--color-white);border-radius:50%;border-top:2px solid transparent;height:20px;width:20px}.auth-links-enhanced{border-top:1px solid var(--color-neutral-200);margin-top:var(--space-6);padding-top:var(--space-6);text-align:center}.auth-links-text{color:var(--color-neutral-600);font-size:var(--text-base);margin:0}.auth-link-primary{color:var(--primary-600);font-weight:600;text-decoration:none;transition:color var(--transition-duration) var(--transition-easing)}.auth-link-primary:hover{color:var(--primary-700);text-decoration:underline}.auth-benefits-card{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);height:fit-content;padding:var(--space-8)}.auth-benefits-header{border-bottom:1px solid var(--color-neutral-200);margin-bottom:var(--space-8);padding-bottom:var(--space-6);text-align:center}.benefits-title{color:var(--color-charcoal);font-size:var(--text-2xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-3)}.benefits-subtitle{color:var(--color-neutral-600);font-size:var(--text-base);line-height:1.6;margin:0}.benefits-list{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8)}.benefit-item{align-items:flex-start;border-radius:var(--radius-md);display:flex;gap:var(--space-4);padding:var(--space-4);transition:background-color .2s ease}.benefit-icon,.benefit-item:hover{background:var(--color-ash)}.benefit-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:var(--text-2xl);height:40px;justify-content:center;margin-top:var(--space-1);width:40px}.benefit-content h4{color:var(--color-charcoal);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-2) 0}.benefit-content p{color:var(--color-neutral-600);font-size:var(--text-base);line-height:1.5;margin:0}.benefits-footer{border-top:1px solid var(--color-neutral-200);padding-top:var(--space-6);text-align:center}.benefits-footer-text{color:var(--color-neutral-600);font-size:var(--text-base);margin:0 0 var(--space-4) 0}.benefits-cta-button{background:var(--color-brass);border:2px solid var(--color-brass);border-radius:var(--radius-md);color:var(--color-white);display:inline-block;font-size:var(--text-base);font-weight:600;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all .2s ease}.benefits-cta-button:hover{background:var(--color-copper);border-color:var(--color-copper);box-shadow:var(--shadow-md);color:var(--color-white);transform:translateY(-1px)}.password-requirements-enhanced,.username-requirements-enhanced{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius-md);margin-top:var(--space-3);padding:var(--space-3)}.requirement-item{align-items:center;color:var(--color-neutral-600);display:flex;font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-2)}.requirement-item:last-child{margin-bottom:0}.requirement-indicator{background:var(--color-neutral-300);border-radius:50%;flex-shrink:0;height:8px;transition:background-color var(--transition-duration) var(--transition-easing);width:8px}.requirement-item.valid .requirement-indicator{background:var(--secondary-500)}.requirement-item.invalid .requirement-indicator{background:var(--color-red-500)}@media (max-width:1024px){.auth-container-enhanced{gap:var(--space-8)}.auth-benefits,.auth-card{padding:var(--space-6)}}@media (max-width:768px){.auth-hero-title{font-size:var(--text-3xl)}.auth-hero-subtitle{font-size:var(--text-base)}.auth-benefits,.auth-card{padding:var(--space-4)}.benefits-list{gap:var(--space-4)}}@media (max-width:480px){.auth-hero-section{padding:var(--space-8) 0 var(--space-6)}.auth-hero-content{padding:0 var(--space-4)}.auth-container-enhanced{padding:var(--space-4) var(--space-3)}.auth-card{padding:var(--space-4)}.auth-button-primary,.google-signin-btn-enhanced{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}}@media (prefers-reduced-motion:reduce){.auth-button-primary,.form-input,.google-signin-btn-enhanced,.requirement-indicator{transition:none}.button-loading-spinner{animation:none}}.auth-button-primary:focus,.form-input:focus,.google-signin-btn-enhanced:focus,.password-toggle:focus{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast:high){.form-input{border-width:3px}.auth-button-primary{border:2px solid var(--color-charcoal)}}.auth-provider-section{margin-bottom:1.5rem}.google-signin-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#3c4043;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;margin-bottom:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.google-signin-btn:hover{background:#f8f9fa;border-color:#c1c7cd;box-shadow:0 2px 6px rgba(0,0,0,.15);transform:translateY(-1px)}.google-signin-btn:active{box-shadow:0 1px 3px rgba(0,0,0,.1);transform:translateY(0)}.google-signin-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.google-logo{flex-shrink:0;height:20px;width:20px}.auth-divider{margin:1.5rem 0;position:relative;text-align:center}.auth-divider:before{background:#e0e0e0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#fff;color:#666;font-size:14px;padding:0 16px;position:relative;z-index:1}.google-signin-btn.loading{cursor:not-allowed;opacity:.7}.google-signin-btn.loading .google-logo{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.google-signin-btn{font-size:15px;padding:14px 16px}.google-logo{height:18px;width:18px}}@media (prefers-color-scheme:dark){.google-signin-btn{background:#2d2d2d;border-color:#5f6368;color:#e8eaed}.google-signin-btn:hover{background:#3c4043;border-color:#8ab4f8}.auth-divider:before{background:#5f6368}.auth-divider span{background:#2d2d2d;color:#9aa0a6}}
/*# sourceMappingURL=styles-auth.61c0ab72.css.map*/