.login-container{background:#fff;min-height:100vh;display:flex}.login-visual-section{flex-direction:column;flex:0 0 40%;justify-content:center;align-items:center;padding:60px 40px;display:flex;position:relative;overflow:hidden}.login-visual-content{z-index:3;text-align:center;color:#fff;text-shadow:0 2px 4px #000c;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.login-visual-content h1{text-shadow:0 2px 4px #0000004d;margin-bottom:2rem;font-size:2.5rem;font-weight:700}.login-visual-content p{opacity:.9;margin-bottom:3rem;font-size:1.2rem;line-height:1.6}.running-figure{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.running-image{-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;filter:brightness(.6)contrast(1.2);width:100%;height:100%}.login-form-section{background:#fff;flex-direction:column;flex:0 0 60%;justify-content:center;padding:60px 80px;display:flex}.login-card{width:100%;max-width:36rem;margin:0 auto}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:#333;margin-bottom:8px;font-size:1.8rem;font-weight:700}.login-header p{color:#666;margin-bottom:0;font-size:.95rem}.login-form{margin-bottom:24px}.form-group{text-align:left;margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-group input{box-sizing:border-box;border:2px solid #e1e5e9;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:#667eea;outline:none}.btn-continue{color:#333;cursor:not-allowed;opacity:.6;background:#f5f5f5;border:2px solid #e1e5e9;border-radius:8px;width:10rem;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .3s}.btn-continue:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}.btn-continue:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:8px;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .3s}.btn-primary:hover:not(:disabled){background:#e55a2b;box-shadow:0 4px 6px #0000001a}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-full{width:100%}.divider{text-align:center;margin:2rem 0;position:relative}.divider:before{content:"";background:#e1e5e9;height:1px;position:absolute;top:50%;left:0;right:0}.divider span{color:#000;z-index:1;background:#fff;padding:0 20px;font-size:1rem;font-weight:400;position:relative}.email-login-section{margin-top:1rem}.email-login-section h3{color:#333;text-align:left;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.email-input-group{margin-bottom:1.5rem}.email-input-group label{color:#333;margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.email-input-wrapper{position:relative}.email-input-wrapper input{box-sizing:border-box;border:2px solid #e1e5e9;border-radius:8px;width:100%;padding:14px 16px;font-size:1rem;transition:border-color .2s}.email-input-wrapper input:focus{border-color:#4285f4;outline:none}.warning-text{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:16px;padding:8px 12px;font-weight:600;color:#dc3545!important}.social-login-section{margin-bottom:2rem}.social-button{cursor:pointer;color:#333;background:#fff;border:0;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:12px;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.social-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.social-button:disabled{opacity:.6;cursor:not-allowed}.btn-google{color:#333;background:#f5f5f5;justify-content:flex-start;height:48px;padding:0}.btn-google:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}label[for=email]{display:none}.google-logo{background:#4285f4;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.google-logo svg{width:2rem;height:2rem}.google-text{flex:1;justify-content:center;align-items:center;padding:0 16px;font-weight:600;display:flex}.social-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.btn-magic-link{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:6px;padding:12px 24px;font-size:.95rem;transition:all .3s}.btn-magic-link:hover:not(:disabled){background:#e55a2b;box-shadow:0 4px 6px #0000001a}.btn-magic-link:disabled{cursor:not-allowed;background:#adb5bd}.magic-link-form{text-align:left}.magic-link-form .form-group{margin-bottom:16px}.magic-link-form input{border:1px solid #ced4da;border-radius:6px;width:100%;padding:10px 12px;font-size:.95rem}.magic-link-form input:disabled{cursor:not-allowed;background:#e9ecef}.magic-link-sent{text-align:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;padding:16px}.magic-link-sent p{color:#155724;margin-bottom:8px}.login-footer{text-align:center;border-top:1px solid #dee2e6;margin-top:24px;padding-top:20px}.login-footer p{color:#6c757d;margin-bottom:16px}.credits-info{font-size:.85rem;font-weight:600;color:#ff6b35!important}.email-sent{color:#333;background:#f8f9fa;border-radius:8px;margin:16px 0;padding:12px;font-family:monospace;font-size:.9rem}.btn-secondary{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:6px;padding:10px 20px;font-size:.9rem;transition:background-color .2s}.btn-secondary:hover{background:#5a6268}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#ff6b35;border-radius:50%;width:40px;height:40px;margin:20px auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-card.inactive-user{text-align:center;max-width:600px}.inactive-user-header{margin-bottom:2rem}.inactive-user-icon{margin-bottom:1rem;font-size:4rem;animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.inactive-user-header h1{color:#dc2626;margin:0;font-size:1.875rem;font-weight:700}.inactive-user-content{text-align:left;margin-bottom:2rem}.inactive-user-email,.inactive-user-reason{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem;padding:1rem;font-weight:500}.inactive-user-message{background:#fffbeb;border:1px solid #fed7aa;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.inactive-user-message p{color:#92400e;margin:0 0 1rem;font-size:1rem;line-height:1.5}.inactive-user-message p:last-child{margin-bottom:0}.support-contact{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;margin-top:.5rem;padding:.75rem;font-weight:600}.inactive-user-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.inactive-user-actions button{min-width:140px}@media (max-width:768px){.login-container{flex-direction:column}.login-visual-section{flex:0 0 30%;padding:40px 20px}.login-visual-content h1{font-size:1.8rem}.login-visual-content p{font-size:1rem}.login-form-section{flex:0 0 70%;padding:40px 20px}}@media (max-width:480px){.login-visual-section{flex:0 0 25%;padding:20px 15px}.login-visual-content h1{font-size:1.5rem}.login-visual-content p{font-size:.9rem}.login-form-section{flex:0 0 75%;padding:20px 15px}.login-header h1{font-size:1.5rem}.inactive-user-icon{font-size:3rem}.inactive-user-header h1{font-size:1.5rem}.inactive-user-actions{flex-direction:column;align-items:center}.inactive-user-actions button{width:100%;max-width:200px}}