.login-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center}.login-container{width:100%;max-width:400px;padding:20px}.login-card{background:#fff;border-radius:12px;padding:48px 40px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(255,255,255,.8)}.login-header{text-align:center;margin-bottom:32px}.login-title{font-size:28px;font-weight:600;color:#111827;margin:0 0 8px;line-height:1.2}.login-subtitle{font-size:16px;color:#6b7280;margin:0;font-weight:400}.login-content{width:100%}.method-selection{display:flex;flex-direction:column;gap:12px}.method-button{display:flex;align-items:center;width:100%;padding:16px 20px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;text-align:left;font-family:inherit;font-size:15px;color:#374151}.method-button:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.method-icon{font-size:20px;margin-right:12px;display:flex;align-items:center;justify-content:center}.method-name{font-weight:500}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;margin-bottom:24px;padding:8px 0;transition:color .2s;font-family:inherit}.back-button:hover{color:#374151}.login-form-content{width:100%}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;color:#111827;background:#fff;transition:all .2s;box-sizing:border-box;font-family:inherit}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:#9ca3af}.form-group-checkbox{margin:24px 0}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#6b7280}.checkbox-input{width:16px;height:16px;margin-right:8px;accent-color:#3b82f6}.checkbox-text{-webkit-user-select:none;user-select:none}.login-button{width:100%;padding:12px 24px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;margin-top:8px}.login-button:hover{background:#1f2937;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.login-button:active{transform:translateY(0)}.error-message{color:#ef4444;font-size:14px;margin-top:4px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:20px}.success-message{color:#059669;font-size:14px;padding:12px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-bottom:20px}.validation-message{font-size:14px;margin-top:8px}.recaptcha-field{margin:16px 0}.login-form{display:none}.login-form.active{display:block}.oauth-login{width:100%}.oauth-button{display:block;width:100%;padding:12px;text-decoration:none;border-radius:4px;text-align:center;margin-bottom:10px;font-family:inherit;transition:all .2s;box-sizing:border-box}.google-button{background:#db4437;color:#fff}.google-button:hover{background:#c23321;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.oauth-description{font-size:14px;color:#666;margin-top:10px;text-align:center}.error-message{color:#e53e3e;font-size:14px;margin-top:8px;padding:8px 0;font-weight:400}@media (max-width: 480px){.login-card{padding:32px 24px;margin:16px}.login-title{font-size:24px}}