.login-hero-section{background:linear-gradient(135deg,#3b82f6,#1e40af);min-height:100vh;justify-content:center;overflow:hidden}.login-hero-container,.login-hero-section{display:flex;align-items:center;position:relative}.login-hero-container{max-width:1200px;width:100%;margin:0 auto;padding:2rem;flex-direction:column;z-index:10}.login-logos-container{display:flex;gap:3rem;align-items:center;margin-bottom:2rem}.login-logo-gf{height:80px}.login-logo-gf,.login-mascote-mc4{width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.login-mascote-mc4{height:100px}.login-hero-content{text-align:center;color:#fff;margin-bottom:3rem}.login-hero-title{font-size:2.5rem;font-weight:700;line-height:1.2}.login-hero-subtitle,.login-hero-title{margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.login-hero-subtitle{font-size:2rem;font-weight:600;color:#fbbf24}.login-hero-description{font-size:1.25rem;color:hsla(0,0%,100%,.9);max-width:600px;margin:0 auto;text-shadow:0 1px 2px rgba(0,0,0,.2)}.login-form-container{background:#fff;padding:3rem;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.1);max-width:450px;width:100%;margin:0 auto}.login-form-title{font-size:1.5rem;font-weight:700;color:#1f2937;text-align:center;margin-bottom:2rem}.login-form-group{margin-bottom:1.5rem}.login-form-label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.login-form-input{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#f9fafb}.login-form-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.login-error-message{color:#dc2626;font-size:.875rem;margin-bottom:1rem;padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}.login-submit-btn{width:100%;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;padding:1rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.login-submit-btn:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.login-submit-btn:active{transform:translateY(0)}.login-forgot-link{display:inline-block;color:#3b82f6;text-decoration:none;font-weight:600;font-size:.875rem;margin-top:1rem;padding:.5rem;border-radius:4px;transition:all .2s ease}.login-forgot-link:hover{color:#1e40af;background:#eff6ff}.login-register-link{color:#3b82f6;text-decoration:none;font-weight:600}.login-register-link:hover{color:#1e40af;text-decoration:underline}.login-links-section{text-align:center;margin-top:1.5rem}.login-register-text{font-size:.875rem;color:#6b7280;margin-top:1rem}.login-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50;backdrop-filter:blur(4px)}.login-modal-content{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.2);max-width:28rem;width:100%;margin:1rem}.login-modal-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.login-modal-description{font-size:.875rem;color:#6b7280;margin-bottom:1.5rem}.login-modal-message{font-size:.875rem;font-weight:600;margin-bottom:1.5rem;padding:.75rem;border-radius:6px}.login-modal-message.success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.login-modal-message.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.login-modal-buttons{display:flex;gap:.75rem}.login-modal-btn-primary{flex:1;background:#3b82f6;color:#fff;padding:.75rem 1rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.login-modal-btn-primary:hover{background:#1e40af}.login-modal-btn-secondary{flex:1;background:#e5e7eb;color:#374151;padding:.75rem 1rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.login-modal-btn-secondary:hover{background:#d1d5db}@media (max-width:768px){.login-hero-title{font-size:2rem}.login-hero-subtitle{font-size:1.5rem}.login-hero-description{font-size:1rem}.login-logos-container{gap:1.5rem}.login-logo-gf{height:60px}.login-mascote-mc4{height:80px}.login-form-container{padding:2rem;margin:1rem}}